App Service / Function App with .NET and Angular at same time

Question

Hi everyone,

I have 2 repos with frontend and backend for my app.

I have a frontend repo made with Angular (with Ionic) for frontend and a .NET backend repo with .csproj file

Can i deploy both repos with Azure Pipelines to a unique Function App?

To enter at the frontend with: MyApp.azurewebsites.net and my backend with: MyApp.azurewebsites.net/api

Thanks!

Answer 1

Function apps aren't for UIs so no. Function apps are basically backend process runners that can either be triggered or scheduled to run. They do some work and then shutting down until triggered (or scheduled) again. There is no UI.

You can host your front end app in an Azure App Service. It is basically a clouded web server. Your backend can also be hosted in Azure App Service as that makes the most sense here if it is the API for your app frontend. Alternatively you can combine both the front and back end apps into a single project and use App Service to host just one binary. It is up to you.