使用 Amplify Hosting 部署伺服器端轉譯應用程式 - AWS Amplify 託管

本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。

使用 Amplify Hosting 部署伺服器端轉譯應用程式

您可以使用 AWS Amplify 部署和託管使用伺服器端轉譯的 Web 應用程式 (SSR)。Amplify Hosting 會自動偵測使用 Next.js 架構建立的應用程式,而您不需要在 中執行任何手動組態。 AWS Management Console

Amplify 也支援SSR具有開放原始碼建置轉接器的任何 Javascript 架構,該轉接器會將應用程式的建置輸出轉換為 Amplify Hosting 預期的目錄結構。例如,您可以透過安裝可用的轉接器,部署使用 Nuxt、Astro 和 SvelteKit架構建立的應用程式。

進階使用者可以使用部署規格來建立建置轉接器或設定建置後指令碼。

您可以將下列架構部署到 Amplify Hosting,且組態最少。

Next.js
Nuxt.js
Astro.js
SvelteKit
  • Amplify 支援使用社群轉接器進行 SvelteKit 應用程式部署。若要開始使用,請參閱Amplify 支援 SvelteKit

開放原始碼轉接器

將SSR應用程式部署至 Amplify

您可以使用這些指示來部署以任何具有符合 Amplify 預期建置輸出之部署套件的架構所建立的應用程式。如果您要部署 Next.js 應用程式,則不需要轉接器。

如果您要部署使用架構轉接器SSR的應用程式,您必須先安裝和設定轉接器。如需說明,請參閱 針對任何SSR架構使用開放原始碼轉接器

將SSR應用程式部署到 Amplify Hosting
  1. 登入 AWS Management Console 並開啟 Amplify 主控台

  2. 在所有應用程式頁面上,選擇建立新應用程式

  3. 開始使用 Amplify 建置頁面上,選擇您的 Git 儲存庫提供者,然後選擇下一步

  4. 新增儲存庫分支頁面上,執行下列動作:

    1. 選取要連線的儲存庫名稱。

    2. 選取要連線的儲存庫分支名稱。

    3. 選擇 Next (下一步)

  5. 應用程式設定頁面上,Amplify 會自動偵測 Next.js SSR 應用程式。

    如果您要部署使用另一個架構轉接器SSR的應用程式,您必須明確啟用 Amazon CloudWatch Logs。開啟進階設定區段,然後在伺服器端轉譯 (SSR) 部署區段中選擇啟用SSR應用程式日誌

  6. 應用程式需要 Amplify 擔任IAM的服務角色,才能將日誌交付至您的 AWS 帳戶。

    新增服務角色的程序會因您要建立新角色或使用現有角色而有所不同。

    • 若要建立新的角色:

      1. 選擇建立並使用新的服務角色

    • 若要使用現有角色:

      1. 選擇使用現有角色

      2. 在服務角色清單中,選取要使用的角色。

  7. 選擇 Next (下一步)

  8. 檢閱頁面上,選擇儲存並部署