将基于Appsync的react程序发布到AWS S3

前端代码放置在S3,S3是一个AWS的存储资源,可以放置静态文件。
后端数据使用AWS的AppSync

结果

http://appsynceventreact.s3-website-us-east-1.amazonaws.com/

创建一个APPSYNC后台

在AWS中APPSync中按照模版创建一个eventapp
然后可以看到有下载相关代码的链接。
可以分别实现ios,android,和js端的代码

关于JS端的上传和发布

AWS端作业

1.创建一个s3资源
2.将s3资源配置为一个静态网站
3.设置公开的访问权限

本地端作业

  1. 安装一个aws cli
  2. 配置aws config
    这里需要从IAM中创建一个用户,并获取到对s3的所有权限
  3. aws s3 ls
  4. yarp build /npm run build
    aws s3 sync build/ s3://your-bucket-name

参照

How To Deploy Your React App to AWS S3

Deploying create-react-app to S3 and CloudFront

你可能感兴趣的:(将基于Appsync的react程序发布到AWS S3)