使用 Amplify Hosting 部署在服务器端渲染的应用程序 - AWS Amplify 托管

本文属于机器翻译版本。若本译文内容与英语原文存在差异,则一律以英文原文为准。

使用 Amplify Hosting 部署在服务器端渲染的应用程序

您可以使用部署和托管使用 AWS Amplify 服务器端渲染的 Web 应用程序 (SSR)。Amplify Hosting 会自动检测使用 Next.js 框架创建的应用程序,您无需在 AWS Management Console中执行任何手动配置。

Amplify 还支持任何基于 Javascript 的SSR框架,其开源编译适配器可将应用程序的构建输出转换为 Amplify Hosting 所期望的目录结构。例如,您可以通过安装可用的适配器来部署使用 Nuxt、Astro 和 SvelteKit框架创建的应用程序。

高级用户可使用部署规范来创建构建适配器或配置构建后脚本。

您只需通过最低限度的配置即可将以下框架部署到 Amplify Hosting。

Next.js
Nuxt.js
Astro.js
SvelteKit
开源适配器

将SSR应用程序部署到 Amplify

您可以按照这些说明操作,以部署使用任何框架创建的应用程序,只要此类框架具有符合 Amplify 期望的构建输出的部署捆绑包即可。如果您正在部署 Next.js 应用程序,则不需要适配器。

如果您要部署使用框架适配器的SSR应用程序,则必须先安装和配置该适配器。有关说明,请参阅 为任何SSR框架使用开源适配器

将SSR应用程序部署到 Amplify Hosting
  1. 登录 AWS Management Console 并打开 Amplify 控制台。

  2. 所有应用程序页面中,选择创建新应用程序

  3. 开始使用 Amplify 进行构建页面中选择您的 Git 存储库提供商,然后选择下一步

  4. 添加存储库分支页面上,执行以下操作:

    1. 选择需要连接的存储库的名称。

    2. 选择需要连接的存储库分支的名称。

    3. 选择下一步

  5. 应用程序设置页面上,Amplify 会自动检测 Next.js SSR 应用程序。

    如果您要部署的SSR应用程序使用其他框架的适配器,则必须明确启用 Amazon CloudWatch Logs。打开高级设置部分,然后在服务器端渲染 (SSR) 部署部分中选择启用SSR应用程序日志

  6. 该应用程序需要一个 Amplify 扮演的IAM服务角色才能向您传送日志。 AWS 账户

    添加服务角色的过程会有所不同,具体取决于您要创建新角色还是使用现有角色。

    • 若要创建新角色:

      1. 请选择创建和使用新的服务角色

    • 若要使用现有角色:

      1. 选择使用现有角色

      2. 在服务角色列表中选择要使用的角色。

  7. 选择下一步

  8. 查看页面上,选择保存并部署