共用方式為


使用外部提供者部署至 Azure Static Web Apps

Azure Static Web Apps 支援一系列內建提供者,以協助您發佈您的網站。 如果您想要使用超出現成選項的提供者,請使用下列指南來建置和部署靜態 Web 應用程式。

注意

您也可以遵循 Bitbucket GitLab 特有的 步驟。

建立靜態 Web 應用程式

當您從Azure 入口網站建立新的靜態 Web 應用程式時,您可以選取 Web 應用程式的來源位置。

  1. 在 [部署詳細資料] 底 下,選取 [其他] 以使用自訂原始 檔控制提供者。

    一旦靜態 Web 應用程式準備就緒,請移至 [ 概觀] 區段。

  2. 從 [概 觀] 區段中,選取 [ 管理部署權杖 ] 按鈕。

  3. 複製部署權杖並貼到文字編輯器中,以便設定 CI/CD 管線。

設定 CI/CD 管線

當您設定 CI/CD 管線時,您需要建立兩個作業。 第一個作業會建置靜態 Web 應用程式,第二個作業會部署應用程式。

組建

建置作業的目的是將 Web 應用程式建置成生產就緒狀態。 設定建置作業以執行建置和封裝 Web 應用程式所需的命令,使其準備好進行部署。

如果靜態 Web 應用程式和 API 存在,則建置程式必須建置資料夾中的 api API。

建置命令是您所使用技術特有的。 如需詳細資訊,請參閱應用程式中使用的程式庫或架構檔。

部署

建立作業,將生產就緒的檔案和資料夾部署到空的靜態 Web 應用程式。 您的作業必須包含靜態 Web 應用程式的部署權杖,才能向 Azure 進行驗證。

部署命令專屬於您使用的技術。 如需詳細資訊,請參閱原始檔控制提供者的檔。

下一步