如何将 angular/springboot 部署到 azure？

Question

I have an app that uses angular for the front end and spring boot/postgres for the back. It all builds to a single jar file. It works fine locally but now I want to deploy it to Azure. I have googled for hours on this topic but very little out there. I can deploy front and back separately but can't find any info on how to connect them. The closest thing I can find it this: https://medium.com/@raviraj199602/azure-app-services-deploy-spring-boot-backend-in-azure-cloud-470f28b88864 But it fails to show how the front and back are connected. There must be a simple example somewhere since there are probably thousands of angular/spring apps deployed on azure. Can someone point me to a good reference?

Answer 1

Create Angular App

1. Install Node.js https://nodejs.org/en/download/] ( https://nodejs.org/en/download/ )
2. Open Command Prompt > Run npm install -g @angular/cli
3. Create Project ng new AngularAAD
4. Go inside folder & Run command ng serve
5. Browse the URL http://localhost:4200

Build the Angular App using command: ng build –prod Now you should get the dist folder which we need for deployment.

Create Azure App Service

Go to Azure Portal > App Services > Create New > Choose the version depending on the Node Version.

Run command node to get the version

Choose OS > Windows > Create button. In the Index Menu of App Service > Advanced Services (KUDU Console) of the App Service

Open Command Prompt > wwwroot folder. Copy the dist folder contents to it.

Test Deployment

From the main page, browse the App Service.