Introduction to GraphQL (Le Wagon Paris 2018)

Transcript

1. An Introduction Glenn Sonna
3. Service
4. Auth Users Orders Places Menu
5. NodeJS GO Mongo PostgreSQL WebSocket
6. Service API API
8. Service API API
9. Service REST REST
10. Service GraphQL GraphQL
11. What is wrong with REST What is wrong with REST
12. !12 /resource_name/{:id}/sub_resource /resource_name/{:id} /resource_ name Resources
13. !13 /posts /posts/434 /posts/434/comments /posts/434/contributors
14. !14 /posts/434 /posts/434/comments /posts/434/contributors /posts?limit=25 READ CREATE UPDATE DELETE READ CREATE UPDATE DELETE
15. !15 /post /posts/434 /posts/434/comments /posts/434/contributors /posts?limit=25 GET POST PUT DELETE
16. !16 /posts/434 /posts/434 /posts/434 /posts/434 GET POST PUT DELETE
17. { "data":[{ "title": "On iPhone X launch day, Apple draws a crowd", "content": "...", "description": "Today, the iPhone X ....", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", "avatar": "https://tc.avatar.jc.jpg" } }] } api/posts?limit=25&type=trending GET
18. { "data":{ "title": "On iPhone X launch day, Apple draws a crowd", "content": "...", "description": "Today, the iPhone X ....", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", "avatar": "https://tc.avatar.jc.jpg" } } } api/posts/434 GET
19. { "data":[{ "title": "On iPhone…", "content": "...", "description": "Today,", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", "avatar": "https://tc.avatar.jc.jpg" } }] } On iPhone X today apple draws… Jordan Crook Snap has acquired Metamarkets for less than $100M… Ingrid Lunden Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings Lebanese Prime Minister Quits, Blaming Iran Jordan Crook !19 api/posts GET
20. { "data":[{ "title": "On iPhone…", "content": "...", "description": "Today,", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", "avatar": "https://tc.avatar.jc.jpg" } }] } On iPhone X today apple draws… Jordan Crook Snap has acquired Metamarkets for less than $100M… Ingrid Lunden Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings Lebanese Prime Minister Quits, Blaming Iran Jordan Crook !20 api/posts GET
21. { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", } }] } On iPhone X today apple draws… Jordan Crook Snap has acquired Metamarkets for less than $100M… Ingrid Lunden Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings Lebanese Prime Minister Quits, Blaming Iran Jordan Crook !21 api/posts GET
22. !22 api/v1/posts { "data":[{ "title": "On iPhone…", "content": "...", "description": "Today,", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", "avatar": "https://tc.avatar.jc.jpg" } }] } { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", } }] } api/v2/posts
23. !23 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "author": { "name": "Jordan Crook", } }] } { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "comments": [], "recommends": [], "author": { "name": "Jordan Crook", } }] } { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "comments": [], "recommends": [], "author": { "name": "Jordan Crook", } }] } api/v2/posts GET
24. !24 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "comments": [{ "content": "...", "author":{ "name": "Troll404", "picture": "http://superblog.troll404/jpg" } }], "recommends": [], "author": { "name": "Jordan Crook", } }] } { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "comments": [{ "content": "...", "author":{ "name": "Troll404", "picture": "http://superblog.troll404/jpg" } }], "recommends": [], "author": { "name": "Jordan Crook", } }] }
25. !25 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 Mobile Desktop On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 133 Troll210 Just a bunch of lunatics Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement a new infrastructure 32 50 133 Crypto42 I'm curious to see where Iran takes…
26. !26 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "comments": [ "2N8HuE76", "34NHQU4i", ], "recommends": [], "author": { "name": "Jordan Crook", } }] }
27. !27 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 { "data":[{ "title": "On iPhone…", "pictureUrl": "http://bit.ly/2zEHnfC", "comments": [ "/comments/2N8HuE76", "/comments/34NHQU4i", ], "recommends": [], "author": { "name": "Jordan Crook", } }] }
28. !28 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 Mobile Desktop On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 133 Troll210 Just a bunch of lunatics Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement a new infrastructure 32 50 133 Crypto42 I'm curious to see where Iran takes…
29. !29 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 Mobile Desktop On iPhone X launch day, Apple draws a crowd Today, the iPhone X became available in Apple retail…. 28 14 133 Troll210 Just a bunch of lunatics Jordan Crook Iranian Government Plans New Infrastructure for Bitcoin Users… In positive news for Bitcoin users, the Iranian government plans to implement a new infrastructure 32 50 133 Crypto42 I'm curious to see where Iran takes… Lisa Froelings
30. !30 On iPhone X launch day, Apple draws a crowd Jordan Crook Today, the iPhone X became available in Apple retail…. 28 14 Iranian Government Plans New Infrastructure for Bitcoin Users… Lisa Froelings In positive news for Bitcoin users, the Iranian government plans to implement 32 50 Mobile Desktop On iPhone X launch day, Apple draws a crowd Today, the iPhone X became available in Apple retail…. 28 14 133 Troll210 Just a bunch of lunatics Jordan Crook Iranian Government Plans New Infrastructure for Bitcoin Users… In positive news for Bitcoin users, the Iranian Best gear for long term travel Ashley Riley Building inclusive communities Amanda Seales In your network Trending
32. GraphQL
33. GraphQL - Created by Facebook in 2012 - First open source draft in 2015 - Data Query language for your API - Platform, protocol and language agnostic
34. Let’s try it!
35. Under the hood
36. Types type Post { title: String! content: String picture: String author: User! } type User { name: String! avatar: String } type Comment { content: String! author: User! } type Post { title: String! content: String picture: String author: User! comments: ?? } type Post { title: String! content: String picture: String author: User! comments: [Comment!]! }
37. Types type Author { name: String! avatar: String } type Comment { content: String! author: User! } type Post { title: String! content: String picture: String author: User! comments: [Comment!]! }
38. Types type Author { name: String! avatar: String } type Comment { content: String! author: User! } type Post { title: String! content: String picture: String author: User! comments: [Comment!]! }
39. Schema type Author { name: String! avatar: String } type Comment { content: String! author: Author } type Post { title: String! content: String picture: String author: User! comments: [Comment!]! }
40. Query Mutation Schema
41. Schema type Mutation { } type Query { }
42. Schema type Mutation { upvotePost(id: Int): [Post]! } type Query { post(id: Int): [Post]! posts(limit: Int!, type: String): [Post]! }
43. schema type Mutation { upvotePost(id: Int): [Post]! } type Query { post(id: Int): [Post]! posts(limit: Int!, type: String): [Post]! }
44. schema type Mutation { upvotePost(id: Int): [Post]! } type Query { post(id: Int): [Post]! posts(limit: Int!, type: String): [Post]! } schema { query: Query mutation: Mutation }
45. Let’s see the code
46. graphql.org
47. Thank you