[Azure] Azure Storage 發佈 Angular

Deploy Angular to the Azure Storage

簡介

上一篇提到如何在Linux環境下的 Azure App Service 部屬Angular，今天試著把部屬到Azure Storage。

Azure Storage

1. 首先先建立一個儲存體帳戶，並選擇StorageV2
   

   

2. 等到建立好後進入儲存體帳戶並選擇靜態網站，將靜態網站功能設定為已啟用，並設定索引文件名稱與發生錯誤文件路徑，最後記得要儲存。
   

3. 儲存完後可以看到Azure儲存體容器$web 與 主要端點
   

   可點選$web進行檔案上傳或是存取控制

Azure Storage for Visual Studio Code

這邊我是使用VS Code將Angular檔案進行上傳

1. 首先先從VS Code下載Azure Storage extension( Azure Storage for Visual Studio Code (Preview) )

   

2. 登入Azure帳號

   

3. Angular方面先執行ng build --prod

4. 將編譯出來的dist右鍵選擇Deplot to Static Website

   

5. 選擇要部屬的儲存體帳戶。

   

6. 等待部屬完成後就可以瀏覽網站

   

7. [完成] 瀏覽網頁，即可看到部屬的Angular網站
   

---

參考資料

• Azure 儲存體中的靜態網站代管
• Azure Storage for Visual Studio Code (Preview)

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