Introduction of AWS AppSync for AWS Amplify framework

Slide 1

Slide 1 text

Introduction of AWS AppSync for AWS Amplify framework k-kuwahara @kuwahara_jsri @clown0082 Feb 08, 2019 Tech Do #12

Slide 2

Slide 2 text

About me const my_info = { Workplace: ‘Yumemi Inc’, Skills: ‘Riot.js, Ionic, Nuxt, Node.js’, Community: ‘Riot.js, Ionic, DIST’, PokemonGO: ‘TL39’ }

Slide 3

Slide 3 text

npm/~k-kuwahara

Slide 4

Slide 4 text

github.com/riot

Slide 5

Slide 5 text

Sorry... " I don’t talk about GraphQL specifications and grammar.

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Did you join this event?

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

So I met a framework…

Slide 10

Slide 10 text

URL: https://aws.amazon.com/amplify/

Slide 11

Slide 11 text

URL: https://aws.amazon.com/amplify/ This Service is like a SDK for JavaScript

Slide 12

Slide 12 text

˒ Easy to use ˒ Scale with your business ˒ Better customer engagement URL: https://aws.amazon.com/amplify/ Features

Slide 13

Slide 13 text

• Authentication / Authorization with Cognito • Upload / Download from S3 • Calling API (ex AppSync, API Gateway, Lambda) • Create CloudFormation stacks • Simplified deployment with GitHub, GitLab and others …etc Pick up Amplify cans cover

Slide 14

Slide 14 text

URL: https://github.com/aws-amplify/amplify-cli

Slide 15

Slide 15 text

URL: https://aws.amazon.com/amplify/console/

Slide 16

Slide 16 text

URL: https://aws.amazon.com/amplify/console/

Slide 17

Slide 17 text

⚠CAUTION⚠

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

A little break

Slide 20

Slide 20 text

Digest usage

Slide 21

Slide 21 text

Digest usage Note: FullAccess authority is required for the profile to be used

Slide 22

Slide 22 text

Digest usage Let's see this a little more concretely.

Slide 23

Slide 23 text

amplify add api

Slide 24

Slide 24 text

amplify add api Two choices of GraphQL or REST

Slide 25

Slide 25 text

api => GraphQL

Slide 26

Slide 26 text

AWS AppSync AWS AppSync is a serverless backend for mobile, web and enterprise applications. GraphQL used by AWS AppSync is an API query language designed to build client applications using flexible and easy-to-use syntax for data requirement description.

Slide 27

Slide 27 text

GraphQL?

Slide 28

Slide 28 text

GraphQL

Slide 29

Slide 29 text

GraphQL

Slide 30

Slide 30 text

GraphQL ≒ BFF

Slide 31

Slide 31 text

so-called BFF

Slide 32

Slide 32 text

Why AppSync?

Slide 33

Slide 33 text

management console

Slide 34

Slide 34 text

management console official recommended amplify

Slide 35

Slide 35 text

If you will start Amplify or GraphQL, ☝

Slide 36

Slide 36 text

• Amplify Framework https://aws-amplify.github.io/docs/ • AppSync(GraphQL) https://docs.aws.amazon.com/ja_jp/appsync/latest/devguide/ welcome.html https://graphql.org/graphql-js/ • Others https://playfulit.net/articles/aws-appsync-chat-app-with-aws-amplify See Also

Slide 37

Slide 37 text

Let’s play with AWS Amplify !!

Slide 38

Slide 38 text

Slide 39

Slide 39 text

We’re looking for Engineers!!

Slide 40

Slide 40 text

• Talking/Writing → Self-declared price gifts • Writing reading impressions → give Kindle Oasis • Joining company within 1 month → Free lunch • Purchase of technical documents → Full subsidy • Join re:Invent, WWDC → Assist full transportation fee and participation fee Various incentives