如何將 angular/springboot 部署到 azure？

Question

我有一個應用程序使用 angular 作為前端，spring boot/postgres 作為后端。 這一切都建立在一個 jar 文件中。 它在本地運行良好，但現在我想將它部署到 Azure。 我已經在這個主題上搜索了幾個小時，但很少。 我可以分別部署前后，但找不到有關如何連接它們的任何信息。 我能找到的最接近的東西是： https://medium.com/@raviraj199602/azure-app-services-deploy-spring-boot-backend-in-azure-cloud-470f28b88864但它沒有顯示前面和背部相連。 一定有一個簡單的例子，因為在 azure 上可能部署了數千個 angular/spring 應用程序。 有人可以指點我一個好的參考嗎？

Answer 1

創建 Angular 應用程序

1. 安裝 Node.js https://nodejs.org/en/download/] ( https://nodejs.org/en/download/ )
2. 打開命令提示符 > 運行npm install -g @angular/cli
3. 創建項目ng new AngularAAD
4. Go 文件夾內 & 運行命令ng serve
5. 瀏覽 URL http://localhost:4200

使用命令構建 Angular 應用程序： ng build –prod現在您應該獲得部署所需的dist文件夾。

創建 Azure 應用服務

Go 到 Azure 門戶 > 應用程序服務 > 新建 > 根據節點版本選擇版本。

運行命令節點獲取版本

選擇操作系統 > Windows >創建按鈕。 在 App Service 的 Index Menu > App Service 的 Advanced Services (KUDU Console)

打開命令提示符 > wwwroot文件夾。 將dist文件夾內容復制到其中。

測試部署

從主頁，瀏覽應用服務。