本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。
使用 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
-
-
Amplify 支援 Next.js 15 應用程式,而不需要轉接器。若要開始使用,請參閱Next.js 的 Amplify 支援。
-
- Nuxt.js
-
-
Amplify 支援具有預設轉接器的 Nuxt.js 應用程式部署。若要開始使用,請參閱Nuxt.js 的 Amplify 支援。
-
- Astro.js
-
-
Amplify 支援使用社群轉接器的 Astro.js 應用程式部署。若要開始使用,請參閱對 Astro.js 的 Amplify 支援。
-
- SvelteKit
-
-
Amplify 支援使用社群轉接器進行 SvelteKit 應用程式部署。若要開始使用,請參閱Amplify 支援 SvelteKit。
-
- 開放原始碼轉接器
-
-
使用開放原始碼轉接器 - 如需使用任何不在上述清單中的轉接器的說明,請參閱 針對任何SSR架構使用開放原始碼轉接器 。
-
建置架構轉接器 - 想要整合架構提供之功能的架構作者,可以使用 Amplify Hosting 部署規格來設定您的建置輸出,以符合 Amplify 預期的結構。如需詳細資訊,請參閱使用 Amplify Hosting 部署規格來設定建置輸出。
-
設定建置後指令碼 - 您可以使用 Amplify Hosting 部署規格,根據特定案例的需求來操作建置輸出。如需詳細資訊,請參閱使用 Amplify Hosting 部署規格來設定建置輸出。如需範例,請參閱使用部署資訊清單部署 Express 伺服器。
-
主題
將SSR應用程式部署至 Amplify
您可以使用這些指示來部署以任何具有符合 Amplify 預期建置輸出之部署套件的架構所建立的應用程式。如果您要部署 Next.js 應用程式,則不需要轉接器。
如果您要部署使用架構轉接器SSR的應用程式,您必須先安裝和設定轉接器。如需說明,請參閱 針對任何SSR架構使用開放原始碼轉接器。
將SSR應用程式部署到 Amplify Hosting
-
登入 AWS Management Console 並開啟 Amplify 主控台
。 -
在所有應用程式頁面上,選擇建立新應用程式。
-
在開始使用 Amplify 建置頁面上,選擇您的 Git 儲存庫提供者,然後選擇下一步。
-
在新增儲存庫分支頁面上,執行下列動作:
-
選取要連線的儲存庫名稱。
-
選取要連線的儲存庫分支名稱。
-
選擇 Next (下一步)。
-
-
在應用程式設定頁面上,Amplify 會自動偵測 Next.js SSR 應用程式。
如果您要部署使用另一個架構轉接器SSR的應用程式,您必須明確啟用 Amazon CloudWatch Logs。開啟進階設定區段,然後在伺服器端轉譯 (SSR) 部署區段中選擇啟用SSR應用程式日誌。
-
應用程式需要 Amplify 擔任IAM的服務角色,才能將日誌交付至您的 AWS 帳戶。
新增服務角色的程序會因您要建立新角色或使用現有角色而有所不同。
-
若要建立新的角色:
-
選擇建立並使用新的服務角色。
-
-
若要使用現有角色:
-
選擇使用現有角色。
-
在服務角色清單中,選取要使用的角色。
-
-
-
選擇 Next (下一步)。
-
在檢閱頁面上,選擇儲存並部署。