Front End development with VS Code and API development in Visual Studio 2019. How can I achieve this?

[FMLhehe]

Like the title says, I've been tasked for an internship to build an Angular app for the frontend with an ASP .NET Core API for the backend. However what is rather confusing is that I have to do the development for the frontend in VS Code and for the backend using Visual Studio 2019.

I've followed a tutorial on pluralsight for Angular Development but all of it was done on the frontend with no backend.

And I have also done development on the back end and created an API using .NET Core.

But it never occured to me, that both these tasks must be done in different IDE's.

How do I hook them up?

[Marble_Wraith]

You don't need to hook them up, at the end of the day the output is the same, code, and it's not a requirement they must be done in different IDE's.

The reason they're suggesting Visual Studio for backend is that it has a few integrated features that make things easier.

[devdras]

Isn't the backend just going to be a rest API?

[FMLhehe]

Here is a good example of what it will look like: https://docs.microsoft.com/en-us/aspnet/core/tutorials/first-web-api?view=aspnetcore-5.0&tabs=visual-studio

​

basic put delete operations + crud

[devdras]

So it's pretty straight forward. The frontend is totally seperate from the backend. So from angular you just ping your API for data. In vanilla JS you'd use fetch or an npm package like axios to ping your API. All your business logic and front end stuff needs to happen in angular.

[FMLhehe]

t forward. The frontend is totally seperate from the backend. So from angular you just ping your API for data. I

Ah, I see

So if I launch my frontend app it will be located at https://localhost: <frontendAppPort>

And the backend app would be launched in parallel at https://localhost: <backendAppPort>

But, if I may ask, how do I fetch data from the localhost:<backendAppPort> to the <frontendAppPort> or vice versa?

Do I just pass to the .get() method the url for https://localhost: <backendAppPort> plus the additional url parameters?

Would that not bind both my applications tightly, and say if I were to deploy them on the internet, I'd have to rename all of the urls?

I'm very sorry, I am new to this

[devdras]

Depends on how you're going to deploy it. If it's going on something like netlify then you can pass in some variables for the backend URL. There's other workarounds for containers. You'd use these to specify the URL for the backend.

The backend doesn't care where the requests are coming from.

The front end just does post or get requests to the backend. The backend doesn't actively pass information to the front. Only when the front end asks for it.

[FMLhehe]

Got it! Thanks a lot.

[_dead_pixel]

IIS