如何在AWS Amplify上为同一域名配置多个不同子域名的独立应用

AWS Amplify默认限制单个根域名仅能绑定到一个Amplify应用，你可以通过以下两种方案实现需求：

方案一：单应用多分支映射（推荐，无需额外服务） #

适用场景：两个应用代码可托管在同一代码仓库的不同分支时优先选择该方案

• 将主应用代码托管到代码仓库的main分支，管理后台代码托管到同一仓库的admin分支（分支名可自定义）
• 创建单个Amplify应用关联该代码仓库，同时开启两个分支的自动部署
• 进入该Amplify应用的「域管理」页面，绑定你的根域名domain.com，Amplify会自动为你申请覆盖子域名的SSL证书
• 新增两条子域名映射规则：
  • www.domain.com 关联 main 分支的部署环境
  • admin.domain.com 关联 admin 分支的部署环境
• 等待域名验证通过后即可正常访问两个子域名的对应应用

方案二：多应用搭配CloudFront分流 #

适用场景：两个应用需要作为独立Amplify项目单独管理时使用

• 保持两个独立Amplify应用的配置，无需在Amplify侧绑定自定义域名，保留系统自动生成的默认访问域名（格式为xxx.amplifyapp.com）
• 在AWS CloudFront中创建新的分发，分别添加两个源配置，源地址分别对应两个Amplify应用的默认访问域名，源协议政策选择HTTPS only
• 配置两条缓存行为规则：
  • 当请求的主机头为www.domain.com时，路由至主应用对应的源
  • 当请求的主机头为admin.domain.com时，路由至管理后台应用对应的源
• 在CloudFront分发的配置中绑定已签发的、覆盖两个子域名的SSL证书（可在AWS Certificate Manager中申请免费证书）
• 前往你的域名解析服务商，将www.domain.com和admin.domain.com的CNAME记录指向该CloudFront分发的域名即可

如果要避免用户直接访问Amplify的默认域名，可以在Amplify应用的访问控制中配置自定义请求头校验，仅允许携带指定头的CloudFront请求访问应用。

内容的提问来源于stack exchange，提问作者Adam Howard