2019年10月15日 星期二

[Azure] Azure Linux App Service 發佈 Angular

[Azure] Azure Linux App Service 發佈 Angular

Deploy Angular to the Azure Linux App Service

簡介

最近嘗試使用Linux環境下的 Azure App Service 部屬Angular,發現與Windows環境設定方式不太一樣,所以將做法記錄一下。

Linux

  1. 首先先建立一個Linux的App Service,並選擇Node LTS
    建立Linux App Service

  2. 將應用程式部署至 Azure App Service(可使用ZIP部署、FTP部署、雲端同步部屬、Git部屬…),這部分就不說明了。(可參考)(下圖我用FTP部屬後的結果)
    FTP 部屬後範例

  3. 部屬完成之後,連線網站發現仍為Azure預設畫面
    Azure預設畫面

  4. 接著只要到App Service 組態 > 一般設定 > 啟動命令,輸入npx serve dist -s,並儲存。

    如第二點部屬在根目錄下沒有dist的話,可改為npx serve -s

    Node的啟動命令是用pm2腳本檔案。(Azure啟動命令深入了解)

    App Service 設定

  5. [完成] 重新瀏覽網頁,即可看到部屬的Angular網站
    瀏覽網站結果

其他方案

另外還有看到將Angular 部屬到 Azure Storage,這部分有時間再來試試看。



參考資料

如有錯誤或建議,歡迎留言指教,謝謝!!
(相關內容如有侵犯隱私或著作權,請協助通知刪除,感謝)

沒有留言:

張貼留言