Amazon AppSync在Android端的部署

AppSync

可以简单地理解这个功能可以做到App前端的数据和AWS上后端的数据同步,App可以对后端的数据进行读写等功能。比如带有同步功能待办事项App,就可以用这个功能实现。

GraphQL

如果你抓取过网页发送的消息包,那么你一定能理解API是个什么东西。假设我们要登陆一个网站,或是在京东获取某个商品的详细规格,我们都需要和服务器进行交互,我们需要告诉服务器我们需要的是一个什么样的东西,同时传递一些必要的参数。比如我们需要“AMD CPU”这个商品第1~50条的评论,我们的API可能就会像下面这样:

{
"item":"AMD CPU",
"type":"comment",
"index_start":1,
"index_end":50
}

然而目前这样的API用起来还是很麻烦的,因为格式都是固定的,想要查特定的某个信息可能会返回其他冗余的信息 ,因此就诞生了GraphQL,它可以更精准方便的查询自己想要的东西。
关于GraphQL更详细的介绍可以看
https://www.howtographql.com/basics/0-introduction/
为了继续后面的研究,这里我们只需要知道GraphQL可以很方便的描述出一个数据的结构,并且和后端的互动一般包含Query和Mutation两种,Query用于读后端数据,Mutation用于修改后端数据。

GraphQL在AWS中的使用

既然GraphQL可以很方便的描述出数据结构,当然也能用作我们构建后端数据库的模型了!AWS中的AppSync确实也是这么做的,设计好一个GraphQL之后,导入到AWS,AWS AppSync能自动根据该GraphQL搭建出对应的数据库。仅仅有数据库还是不够的,怎么样进行Sync呢?当然需要对应的动作啦。例如App发出一个GraphQL查询,AWS需要对该查询做出正确的反应才行,应该如何反应就被称作Resolver,不用担心,AWS会自动帮我们配置好大部分Resolver。下面我们通过例子来学习一下AppSync是怎么一回事。

AppSync Eg

首先我们进入AppSync控制台创建一个新的API,选择Event App


创建模型(这个模型也可以通过GraphQL直接描述)

几步点完之后,我们可以进行测试了,在该验证界面,我们可以看到里面的代码有query mutation两种类型,点击箭头分别运行createA_test_model listA_test_models就可以看到右侧分别返回了对应的结果。


或许有人不理解这是要干什么,这样的查询、创建代码,是在网页控制台用来测试GraphQL是否描述正确的,测试通过后就可以在App上通过同样的查询、创建代码来对后端的数据进行修改了。

详解

我们再来看下整个架构是怎样的。从左边栏目点一下Schema我们可以查到整个API对应的结构,果然代码是GraphQL!


再看一下Data Sources,是Amazon DynamoDB,它是根据上述Schema配置好的。

根据GraphQL配置Resouces

根据GraphQL配置Resouces

另外还有上述提到的Resolver,用于控制对某一条GraphQL命令应该如何返回数据。这里根据教程,假设要对getTodos这个命令做出反馈,步骤如下:
单击Attach

创建反馈机制

创建好之后我们同样进行测试,首先创建一个id=123的TODO

接着我们Query一下

成功返回了我们刚才创建的数据!

Android端设置

通过上述流程我们大致明白了AppSync是怎样的一个东西,并在网页端进行了操作,下面我们进行Android的操作。教程参考:
https://aws-amplify.github.io/docs/android/start
在一个Android工程下输入

amplify init
amplify add api
amplify push



一开始的时候push失败了,报错

Amplify工具是通过CloudFormatiom模板自动部署各种模块的,我们可以去查询一下发生了什么。

通过更新Amplify就可以解决掉这个问题。

npm install -g @aws-amplify/cli -update

发现它同样也创建了一个简单的Schema用于描述我们的数据结构,这一步实现的效果和我们在网页端操作的GraphQL是一致的。


但是在网页上运行的查询、修改命令肯定和Android端用起来是不一样的呀!这该怎么解决?这就是Amplify框架教程里面提到的CodeGen了。在所有命令跑完之后Amplify会自动运行该框架,根据我们设定好的Schema生成出对应的查询、修改等GraphQL命令以及Java代码(所以叫CodeGen嘛!),在Android文件夹里面也是可以看到的。


这里我简单的跑了一下,效果就是点了下很多Add添加Item,然后点Query就可以查询出刚才添加的Item。假如再完善一下界面,就可以做出很棒的TODO App啦。

你可能感兴趣的:(Amazon AppSync在Android端的部署)