練習 - 部署 Web 應用程式至 Azure

  • 10 分鐘

假設您有以 IntelliJ IDEA 撰寫的簡單 Java Web 應用程式。 您想要在 Azure 中測試應用程式，而且您想要盡可能簡化部署，讓您的開發人員不需要使用額外的工具。 適用於 IntelliJ 的 Azure 工具組包含精靈，可讓您更輕鬆地部署 Web 應用程式。

在此練習中，您將使用部署精靈將 Web 應用程式部署至 Azure。

登入 Azure

若要探索您的 Azure 資源，您必須先登入 Azure。 藉由登入，您可以指定您要在其中建立資源的訂用帳戶和目錄。

  1. 在 IntelliJ IDEA 的 [ 檢視 ] 功能表上，選取 [工具視窗 ]，然後選取 [Azure Explorer]。

  2. 在 [Azure Explorer] 視窗中，選取 [ 登入 ] 按鈕：

    [Azure 登入] 按鈕的螢幕快照。

  3. 選取 [裝置登入]，然後選取 [ 登入]。

  4. 在 [Azure 裝置登入 ] 頁面中，選取 [ 複製與開啟]。

  5. 在瀏覽器中，按 CTRL-V 貼上程式代碼，然後選取 [ 下一步]。

  6. 使用您的使用者認證登入您的 Azure 帳戶。

  7. 當您看到登入通知時，請關閉瀏覽器視窗。

  8. 在 IntelliJ IDEA 的 [選取訂用帳戶] 對話框中，選取 [Concierge 訂用帳戶]。 這是專為沙箱建立的訂用帳戶。

    [選取 Azure 訂用帳戶] 對話框的螢幕快照。

Azure Explorer 現在會在您的 Azure 訂用帳戶中顯示物件。 您可以探索不同類型的物件，例如記憶體帳戶。

設定及部署 Web 應用程式

現在，您可以使用 [ 部署至 Azure 精靈] 在 Azure App Service 中建立新的應用程式，然後將專案部署至其中：

  1. 在 IntelliJ IDEA 的 [ 專案 ] 視窗中，以滑鼠右鍵按兩下 Webapp 專案，選取 [Azure]，然後選取 [ 部署至 Azure Web Apps]。

  2. 在 [ 部署至 Azure ] 對話框中，選取 + 用於 Web 應用程式 的按鈕。

    [部署 WebApp] 對話方塊。

  3. 在 [ 建立 Web 應用程式 ] 對話框中，按兩下 [ 更多設定]，選取 [資源群組 ]，然後選取 [沙盒資源組名]，然後選取 [ 確定]：

    [建立 WebApp] 對話框的螢幕快照。

  4. 在 [建立 Web 應用程式] 對話框中，按兩下 + [方案] 的按鈕，在 [名稱] 中輸入任何名稱，然後選取 [定價層] 的 [Free_F1]。

    [建立 App Service 方案] 對話框的螢幕快照。

  5. 在 [ 建立 Web 應用程式] 對話框中，選取 [ 確定]。 在 [ 部署至 Azure] 對話框中，選取 [ 執行]。 適用於 IntelliJ 的 Azure 工具組會將 Web 應用程式部署至 Azure，並在預設網頁瀏覽器中顯示網站。

    在 Azure App Service 中執行的已部署 Web 應用程式的螢幕快照。

重新部署 Web 應用程式

  1. 將 Web 應用程式部署至 Azure 之後，設定將會儲存為 IDE 中的執行組態。 若要重新部署，請選取右上方的綠色 [ 執行 ] 圖示，或按 Shift + F10。

    重新部署在 Azure App Service 中執行的 Web 應用程式螢幕快照。