AWS Amplify教程之一:简介


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

AWS Amplify

AWS Amplify系列教程:

什么是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。把其中多余的文件删掉:

AWS Amplify教程

将其push到github仓库中。

Amplify配置

在AWS控制台选择:

  • Amplify
  • New app
  • Host web app
  • Host your web app
  • GitHub

授权成功后选择对应的repository及branch:

AWS Amplify教程

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

AWS Amplify教程

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

AWS Amplify教程

单击其中的具体步骤,就能看到构建时的log,这在排错时要用到。

等待一会后就会出现部署成功的消息。单击页面中链接就可以访问应用:

AWS Amplify教程

AWS Amplify教程


文章作者: 逻思
版权声明: 本博客所有文章除特別声明外,均采用 CC BY-NC-ND 4.0 许可协议。转载请注明来源 逻思 !
  目录