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

# 使用 Amplify Hosting 部署伺服器端轉譯應用程式
<a name="server-side-rendering-amplify"></a>

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

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

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

您可以使用最少的組態，將下列架構部署至 Amplify 託管。

**Next.js**  
+ Amplify 支援 Next.js 15 應用程式，而不需要轉接器。若要開始使用，請參閱[Next.js 的 Amplify 支援](ssr-amplify-support.md)。

**Nuxt.js**  
+ Amplify 支援具有預設轉接器的 Nuxt.js 應用程式部署。若要開始使用，請參閱[Nuxt.js 的 Amplify 支援](nuxt-support.md)。

**Astro.js**  
+ Amplify 支援使用社群轉接器的 Astro.js 應用程式部署。若要開始使用，請參閱[Amplify 支援 Astro.js](astro-support.md)。

**SvelteKit**  
+ Amplify 支援使用社群轉接器的 SvelteKit 應用程式部署。若要開始使用，請參閱[對 SvelteKit 的 Amplify 支援](sveltekit-support.md)。

**開放原始碼轉接器**  
+ **使用開放原始碼轉接器 - **如需使用不在上述清單中之任何轉接器的說明，請參閱 [對任何 SSR 架構使用開放原始碼轉接器](using-framework-adapter.md) 。
+  **建置架構轉接器 - **想要整合架構提供之功能的架構作者，可以使用 Amplify 託管部署規格來設定您的建置輸出，以符合 Amplify 預期的結構。如需詳細資訊，請參閱[使用 Amplify 託管部署規格來設定建置輸出](ssr-deployment-specification.md)。
+ **設定建置後指令碼 - **您可以使用 Amplify 託管部署規格，視需要針對特定案例操作建置輸出。如需詳細資訊，請參閱[使用 Amplify 主機部署規格來設定建置輸出](ssr-deployment-specification.md)。如需範例，請參閱 [使用部署資訊清單部署 Express 伺服器](deploy-express-server.md)。

**Topics**
+ [Next.js 的 Amplify 支援](ssr-amplify-support.md)
+ [Nuxt.js 的 Amplify 支援](nuxt-support.md)
+ [Amplify 支援 Astro.js](astro-support.md)
+ [對 SvelteKit 的 Amplify 支援](sveltekit-support.md)
+ [將 SSR 應用程式部署至 Amplify](#deploy-ssr-framework-app)
+ [SSR 支援的功能](ssr-supported-features.md)
+ [對 SSR 部署進行故障診斷](troubleshooting-ssr-deployment.md)
+ [進階：開放原始碼轉接器](advanced-open-source-adapters.md)

## 將 SSR 應用程式部署至 Amplify
<a name="deploy-ssr-framework-app"></a>

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

如果您要部署使用架構轉接器的 SSR 應用程式，您必須先安裝和設定轉接器。如需說明，請參閱[對任何 SSR 架構使用開放原始碼轉接器](using-framework-adapter.md)。

**將 SSR 應用程式部署至 Amplify 託管**

1. 登入 AWS 管理主控台 並開啟 [Amplify 主控台](https://console.aws.amazon.com/amplify/)。

1. **在所有應用程式**頁面上，選擇**建立新應用程式**。

1. 在**開始使用 Amplify 建置**頁面上，選擇您的 Git 儲存庫提供者，然後選擇**下一步**。

1. 在**新增儲存庫分支**頁面上，執行下列動作：

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

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

   1. 選擇**下一步**。

1. 在**應用程式設定**頁面上，Amplify 會自動偵測 Next.js SSR 應用程式。

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

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

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

     1. 選擇**建立並使用新的服務角色**。
   + 若要使用現有角色：

     1. 選擇**使用現有角色**。

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

1. 選擇**下一步**。

1. 在**檢閱**頁面上，選擇**儲存並部署**。