C#•3y ago

❔ Implement Angular in existing ASP.NET Core MVC project?

Hi,

I have an ASP.NET MVC web app that takes a file upload in and produces an output. It uses Razor, HTML and some simple javascript in a <script> tag.

I would like to recreate the project in Angular, React, Vue and lastly Blazor (instead of js) to test each framework out and see which one I like the best.

I am currently trying to implement Angular, but I believe my web app uses server side rendering (SSR) as it uses ASP.NET Core MVC pattern.

My question is: how do I implement Angular in my existing ASP.NET MVC project ?

Angius•1/13/23, 7:23 AM

First and foremost, you'll need some API controllers

Angius•1/13/23, 7:23 AM

Then make an Angular/Vue/React/Svelte/Qwik/Solid/Blazor app separately

Angius•1/13/23, 7:23 AM

And have it connect to the API

oeOP•1/13/23, 7:24 AM

Hi @Angius . I do have some API controllers

oeOP•1/13/23, 7:24 AM

In fact one of them takes a file upload and processes it, then outputs json data to the HTML using Razor

oeOP•1/13/23, 7:25 AM

I would like to implement Angular in this app preferably, instead of creating an API (seems hard to reimplement as an API?)

Angius•1/13/23, 7:25 AM

You need an API for Angular to be able to pull data from somewhere and to send data somewhere

Angius•1/13/23, 7:26 AM

You can't really mix MVC SSR with frontend frameworks

oeOP•1/13/23, 7:27 AM

Ok, I see

oeOP•1/13/23, 7:27 AM

Because the way I'm doing it right now is:

oeOP•1/13/23, 7:27 AM

@model IEnumerable<MyObject>

oeOP•1/13/23, 7:27 AM

Through razor

oeOP•1/13/23, 7:28 AM

Then I'm processing the data from the Model

Angius•1/13/23, 7:29 AM

Yeah, because you use SSR there

oeOP•1/13/23, 7:29 AM

Ok. Cool, I get it

Angius•1/13/23, 7:29 AM

Angular/Vue/Whatever app can, however, be completely separate from the backend

oeOP•1/13/23, 7:29 AM

And one last question...

Angius•1/13/23, 7:29 AM

The backend can be hosted on Digital Ocean, and the frontend on Cloudflare Pages or something

oeOP•1/13/23, 7:30 AM

Is it straightforward to reimplement the file upload as a webapi instead of an MVC app? Currently am using an IFormFile as a parameter in the controller @Angius

Angius•1/13/23, 7:33 AM

Yeah

Angius•1/13/23, 7:33 AM

You'll just need to send

multipart/form-data

multipart/form-data

type request instead of

json

json

oeOP•1/13/23, 7:33 AM

Cool thank you man!

Accord•1/14/23, 7:34 PM

Was this issue resolved? If so, run

/close

/close

- otherwise I will mark this as stale and this post will be archived until there is new activity.

❔ Implement Angular in existing ASP.NET Core MVC project?

Similar Threads

Similar Threads

Similar Threads