前言

若您想要透過 Azure App Service 託管您的 App，您可以直接在 Azure Portal 直接建立新 App Service，在透過不同的方式佈署您的程式碼；若您是 Visual Studio 開發工具的愛好者，也能透過它直接建立與佈署您的作品。本篇文章將簡單介紹 Azure App Serivce deployment，讓您知道有哪些工具與流程，順利託管您的 App。本篇文章若有錯誤或任何建議，請各位先進不吝提出，謝謝。
註：您有多種工具與處理流程可以選擇，但佈署工具與流程因團隊的開發流程與文化而異。找出最適合團隊的方式，打造最佳的 DevOps。 

關鍵字：App 部署介紹、建立 App Service、FTP 上傳、Web Deploy、Kudu 操作



介紹

Web Apps 對於 ASP.NET, ASP.NET Core, Java, Ruby, Node.js, PHP, 與 Python 有一流的支援。此外，您可以客製化您的框架，如 PHP 運行期間的版本號碼。
由於您不需要擔心網站伺服器或應用程式框架，佈署您的程式碼到 App Services 主要問題在於佈署您的程式碼、二位元資料、內容文件與其配置的資料夾結構。以 Azure 為例，目錄為：/site/wwwroot；以WebJobs 為例，目錄為 /site/wwwroot/App_Data/Jobs/。

App Service 支援下列佈署方法：
  1.  FTP or FTPS： 純粹的檔案上傳程序。理所當然 Azure Services 不支援其他而外的服務，開發人員必須自行負責像是版本控管與檔案架構等工作。
  2.  Web Deploy： 您可以透過 Microsoft 工具進行佈署 ，以 Visual Studio 為例：它支援diff-only 佈署、建立資料庫與連線字串轉換等。與 FTP 相似，Azure Service 不提供其他額外的服務。
  3.  Kudu (Git/Mercurial or OneDrive/Dropbox)： 在 App Service 內使用佈署引擎，可從任何儲存庫 Push 您的程式碼到 Kudu。Kudu 在 Push 程式碼時提供附加服務，包含：版本控管、Package Restore、MSBuild 與 Web Hooks ，可用於持續整合與其他自動化工作。Kudu 佈署引擎支援三種不同的來源：從 OneDrive和Dropbox的內容同步；以儲存庫為基礎的持續佈署，如 Github、Bitbucket 和 Visual Studio Team Services；本地端 Git (同儲存庫為基礎) 手動同步。


熱門 Web 開發工具通常支援 1種 (或更多)佈署程序。雖然您選擇的工具決定你的佈署過程，但實際 DevOps 功能取決於佈署流程與你選擇工具的組合。例如：如果您從 Visual Studio 使用 Azure SDK 執行Web Deploy，即使您沒有透過 Kudu進行自動化流程，您也透過 Visual Studio 進行 Package  Restore 與 MSBuild 自動化。


建立您的 App Service
Step 1. 登入至 Azure portal，選擇建立資源 → Web App

Step 2.輸入相關資料與選擇定價層，點選建立，開始建立 Web App

Step 3. 建立完成後，點選該 Web App → 應用程式設定，即可依據需求選擇需要的程式語言設定與框架


FTP 上傳
Step 1. 點選部署中心 → 選擇 FTP

Step 2. 您可看見 FTP Client 相關資訊。透過這些資訊，您可以將編譯好的 app 程式進行上傳，完成佈署程序。



Web Deploy (Visaul Studio，以 ASP.NET Core 2.1 為例)
Step 1. 點選要佈署的專案，點選 Publish (發佈)

Step 2.點選 Select Existing ，點選 Create Profile


Step 3.點選剛剛建立的 DuranTest App Service。

Step 4. 點選 Configure.. → 輸入相關內容 → 點選 Save

Step 5. 發佈完成後，即可看見網站



Kudu 操作 
Step 1. Web App 選單中，找到進階工具 → 執行

Step 2. 開啟 Kudu 儀錶板，可以看見環境相關資訊與功能選單

Step 3. 點選 Debug console → CMD

 Step 4. 開啟 Debug console 頁面，可以看到上方為檔案結構，下方為命令列，我們能透過這個功能佈署程式。我們點選 wwwroot 資料夾。

Step 5. 將我們發佈完成的壓縮檔案，直接拖入畫面，Kudu 將會自動壓縮

Step 6. 完成後如下圖，我們可以直接開啟網站。

Step 7. 網站部署成功


參考資料



相關文章