Amplify - 如何在单个域名上托管两个应用？

Question

【以下的问题经过翻译处理】 我有一个在子域为app.domain.com，在这个子域名上运行了一个 Vue js 应用程序，主页是简单的 html/css文件，现在我想将其托管在www.domain.com上。

我需要将这两个项目分开，因为目前我正在管理 Vue 代码，团队中的其他人正在使用其他技术分别处理非应用程序页面。

现在这两个项目都在他们自己的 git 存储库中，我已经设置了两个单独的 Amplify 应用程序，成功地将 Vue 应用程序设置为指向“app”子域。

当我尝试将主页 Amplify 应用程序的域设置为 www.domain.com时，Amplify提示告诉我domain.com 正在与另一个 Amplify 应用程序一起使用。

关于我如何解决这个问题有什么建议吗？
例如，我可以将两个项目放在同一个 repo 中，一个指向 app.domain.com，另一个指向 www.domain.com吗？

Answer

【以下的回答经过翻译处理】 您可以通过命令行的方式实现。我有两个Amplify应用程序共享同一个域; blog.carriageretun.nl和personal.carriagereturn.nl。您可以从阅读完整的故事。

当您为应用程序分配自定义域时，Amplify Console GUI总会想要接管整个域。我将carriagereturn.nl托管在Route 53上，并且当我切割子域blog.carriagereturn.nl时，无法为应用程序分配它，因为Amplify Console始终将其注册为carriagereturn.nl。解决方法是使用AWS CLI为应用程序分配子域。以下是来自AWS论坛的示例，显示如何执行此操作。记得用您的应用程序特定值替换ROOT_DOMAIN、SUB_DOMAIN、APP_ID和BRANCH。

```
aws amplify --region us-east-1 create-domain-association \
 --app-id APP_ID --domain-name ROOT_DOMAIN \
 --sub-domain-settings "[{\"prefix\": \"SUB_DOMAIN\",\"branchName\": \"BRANCH\"}]"

```

Amplify - 如何在单个域名上托管两个应用？

Relevanter Inhalt