在开发AWS Web/手机应用的时候,Amplify能够大大提高开发效率,充分使用AWS中的众多强大功能。下面对AWS Amplify进行一个基本的介绍。

AWS Amplify系列教程:
- AWS Amplify系列之一:简介
- AWS Amplify系列之二:增加验证功能
- AWS Amplify系列之三:增加文件存储功能
- AWS Amplify系列之四:增加API功能
- AWS Amplify系列之五:自定制验证功能
- AWS Amplify教程之:Google OAuth登录
什么是AWS Amplify?
先看看官网的定义:
AWS Amplify is a set of purpose-built tools and services that makes it quick and easy for front-end web and mobile developers build full-stack applications.
也就是说,Amplify的作用就是帮助前端/移动开发者开发全栈应用程序的利器。比如:在添加用户注册,登录等功能的时候,肯定需要后台的支持,而这通常需要不小的工作量。但有了Amplify,就可以非常快速的使用AWS的其他服务,比如Cognito,来轻松实现这样的功能。Amplify支持AWS AppSync(托管GraphQL),Amazon S3,Amazon Lambda,Amazon CloudFront,Amazon Pinpoint等众多云服务。
目前很多大的企业都在使用Amplify,Amazon自不用说,还有AirBNB,Netflix等。
Amplify的主要特点?
通过AWS Amplify,可以为应用中添加如下功能:
- 用户注册,登录,注销,及各种管理操作。同时还支持OAuth登录。
- 连接AWS后台存储功能,比如DynamoDB,S3等。
- 连接AWS后台API。
- 对持续集成/持续部署的支持。
创建React APP
npx create-react-app amplify-demo
cd amplify-demo
yarn start
这样就有了一个基本的React APP。把其中多余的文件删掉:

将其push到github仓库中。
Amplify配置
在AWS控制台选择:
- Amplify
- New app
- Host web app
- Host your web app
- GitHub
授权成功后选择对应的repository及branch:

然后配置构建过程,这里都选择默认值就可以。注意目前位置还没有后台,可以暂时忽略之:

然后单击”Save and deploy”,需要等待几分钟:

单击其中的具体步骤,就能看到构建时的log,这在排错时要用到。
等待一会后就会出现部署成功的消息。单击页面中链接就可以访问应用:

