iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Think in GraphQL 系列

在行動裝置全面普及、商業邏輯越來越複雜以及 Micro service 崛起的時代,
REST-API 已逐漸左右支絀,
此時由 Facebook 釋出的 GraphQL 優雅地解決了許多問題,
但若一知半解就貿然引入這項技術可是會付出不小的代價(過來人 QQ)。
因此希望透過 30 天的學習紀錄,
一起快樂 (?) 地掌握這項技術也避免我重蹈的覆徹,
不只「學習 GraphQL 」,
更要「用 GraphQL 思考」!

鐵人鍊成 | 共 30 篇文章 | 285 人訂閱 訂閱系列文 RSS系列文 團隊17一起GOGOGO !! 🏊🚴‍🏃
DAY 1

達標好文 GraphQL 入門: 簡介 X 範例 X 優缺點

Hi 大家好,我是 Fong,會接觸 GraphQL 是因為目前的公司使用它來做後端的 API,因此想來紀錄一下這段學習的歷程及總結,這一系列文章除了講解技術...

2018-10-16 ‧ 由 fx777 分享
DAY 2

GraphQL 入門:生態圈 X 工具 X 選擇

今天來簡單介紹一下 GraphQL 的生態圈,我自己是使用 NodeJS 的套件 Apollo Server 來開發,而 GraphQL API 目前也有很多...

2018-10-17 ‧ 由 fx777 分享
DAY 3

GraphQL 入門: 基礎 Query X 機制 X HTTP

本篇我會從 GraphQL 的精神: 查詢語言 (query language) 開始說起。 我自己剛學習時,常因分不清楚 schema 與 query 的...

2018-10-18 ‧ 由 fx777 分享
DAY 4

GraphQL 入門: Server Setup X NodeJS X Apollo (寫程式囉!)

昨天大致講解完 query 的概念後,很多人一定開始手癢想寫程式了,不然只會用不會做多無聊呢~今天來介紹如何設定一個 GraphQL Server ! 這邊使...

2018-10-19 ‧ 由 fx777 分享
DAY 5

GraphQL 入門:初次實作 Schema 與 Resolver

架好 local project 後,我們就來聊聊組成 GraphQL Server 的三大靈魂: Schema 、 Resolver 以及 Web Serv...

2018-10-20 ‧ 由 fx777 分享
DAY 6

GraphQL 入門: Schema 與 Resolver 進階功能! (Array, Non-Null, Field Resolver)

今天要來介紹一些進階的 Type syntax 並且實作 Resolver 一個強大的特性,也就是 Field Resover 。這一個強大的設計讓 Grap...

2018-10-21 ‧ 由 fx777 分享
DAY 7

GraphQL 入門: Arguments, Aliases, Fragment 讓 Query 更好用 (進階 Query)

今天的內容可以用這張圖來表示: 可以看到內容涵括 Operation Name, Aliases, Fragment, Arguments, Variabl...

2018-10-22 ‧ 由 fx777 分享
DAY 8

GraphQL 入門: 初次使用 Mutation

今天要介紹 GraphQL 三大支柱之二的 Mutation 。相比 Query 負責資料的取得,凡是資料更改或新增都屬於 Mutation 的負責範圍。與...

2018-10-23 ‧ 由 fx777 分享
DAY 9

GraphQL 入門: 深度解析 Field Resolver 的參數: (parent, args, context)

在 Resolver field 時,預設傳進來的參數無疑是非常強大的幫手,但要搞懂它並不容易。 我自己在剛開始學習時,因為 JS 不會強制規定參數名稱,所以...

2018-10-24 ‧ 由 fx777 分享
DAY 10

打造 GraphQL API Server 應用:部落格社交軟體 - 1 (Query & Mutation Part)

連續看了這麼多天介紹,今天就來一次整合來開發一個完整的服務吧!前面舉的例子就剛好來讓我們開發一個部落格 + 好友系統 ! 如果不清楚或忘了怎麼開始 proje...

2018-10-25 ‧ 由 fx777 分享