如何在 React 前端为无服务器应用程序使用自定义域?

问题描述

我完成了 Udacity 云开发人员纳米学位,我想创建一个自定义域来展示我的作品集。

我使用的堆栈包括:Api Gateway、Lambda、DynamoDB、Nodejs、S3 和 Serverless 框架。前端是:React。

然而,我一直在理解如何使用 React 前端部署完整的应用程序?

类似于:anc.com 会导航到我的应用。我发现很多解决方案都提到了使用 serverless-domain-manager。

但是我的 React 前端呢?我读了一些解决方案,说使用 S3 部署静态 Web。

但我的应用目前有 S3 来存储上传的图像。

如果我使用 S3 部署我的前端,我是否必须制作 2 个 S3 存储桶?

目前,我必须使用 2 个终端,SLS 部署用于后端,npm run start 在 localhost 上运行前端。

我的github代码https://github.com/ploratran/DogLookBook

解决方法

Serverless 团队还发布了一个名为 components 的工具,其中一个看起来非常适合您想要做的事情;它会自动处理云上的所有内容以托管您的 React 文件并分配域:https://github.com/serverless-components/website