GraphQL入門

社内勉強会での資料です。 #GraphQL #RESTful #SOAP

Transcript

1. GraphQL K.Mori (@forestython)
2. あGraphQL ◦ ◦ ◦ ◦ API ◦
3. API い
4. API い ◦ API: Application Programming Interface ◦ あ ◦ あ Google Maps ◦ 1 OK ◦ …
5. Request 。
6. Response …
7. SOAP
8. SOAP ◦ SOAP: ◦ Simple Object Access Protocol ◦ ◦ あ XML ◦ あHTTP OK ◦ あ ◦
9. SOAP ◦ ◦ ◦ ◦ BtoB ◦ ◦ XML ◦ ◦ REST
10. <SOAP-ENV:Envelope xmlns:SOAP- ENV="http://schemas.xmlsoap.org/soap/envelope/"> <SOAP-ENV:Body> <getBooks xmlns="http://hogehoge.com/books"> <BookId>810</BookId> </getBooks> </SOAP-ENV:Body> </SOAP-ENV:Envelope> <SOAP-ENV:Envelope xmlns:SOAP- ENV="http://schemas.xmlsoap.org/soap/envelope/"> <SOAP-ENV:Body> <getBooksResponse xmlns="http://warehouse.example.com/ws"> <getBooksResult> <BookName>Ocha no hon</BookName> <BookId>810</BookId> <author>Ocha-Hakase</author> <price>1000</price> </getBooksResult> </getBooksResponse> </SOAP-ENV:Body> </SOAP-ENV:Envelope> あ ID Request Response
11. RESTful API
12. RESTful API ◦ RESTful API: REST Web HTTP ◦ REST: Representational State Transfer ◦ ◦ Stateless ◦ URI Addressability ◦ HTTP Uniform Interface ◦ 、 Connectability ◦
13. post 」 RESTfulあ /diary get
14. 」 RESTfulあ … /Postdiary /Getdiary
15. RESTful API ◦ Response ◦ あ API ◦ Response ◦ ◦ ◦ ◦ ISBN ◦ ◦ ◦ URI あ7 ◦ …
16. RESTful API ◦ ◦ あ API ◦ Response ◦ ◦ ◦ ◦ ISBN ◦ ◦ ◦ URI あ7 ◦ 7 API い
17. RESTful API ◦ ◦ あ API ◦ Response ◦ ◦ ◦ ◦ ISBN ◦ ◦ ◦ URI あ7 ◦ ◦ ◦ 3 ◦ … API
18. GraphQL
19. GraphQL ◦ 2012 Facebook ◦ 2015 9 4 ◦ REST Web API ◦ Facebook Twitter, GitHub, Airbnb, New York Times, Netflix Web ◦ ◦ …い
20. GraphQL ◦ HTTP ◦ ◦ ◦ ◦ ◦ 1
21. GraphQL ◦ ◦ あ API ◦ ◦ ID =334
22. Request query { book(authorID:334) { authorName writtenBooks { books { title price } } } } authorID=334 authorName: books: ➔ title( ) price( )
23. Response 3 { "data": { "book": { "authorName": "Hanshin Taro", "writtenBooks": { "books": [ { "title": "Baseball Hero vol.1", "price": 1200 }, { "title": "Baseball Hero vol.6", "price": 1200 }, { "title": "Baseball Hero vol.7", "price": 1800 } ] } } } } { "title": "Baseball Hero vol.2", "price": 1200 }, { "title": "Baseball Hero vol.3", "price": 1300 }, { "title": "Baseball Hero vol.4", "price": 1200 }, { "title": "Baseball Hero vol.5", "price": 1400 }, SOAP い
24. ◦ ◦ ◦ 「 ◦ post 「 ◦ 「 ◦ GraphQL json json …
25. あ ”Graph” ◦ Graph Graph ◦ ◦ (Directed Acyclic Graph) ◦ (Directed Tree) ◦ 0 ◦ 1 ◦
26. ”Graph” query { book(authorID:334) { authorName writtenBooks { books { title price } } } } Query book authorName writtenBooks books price title
27. ◦ GraphQL SOAP REST ◦ ◦