Hi 大家好，我是 Fong，會接觸 GraphQL 是因為目前的公司使用它來做後端的 API，因此想來紀錄一下這段學習的歷程及總結，這一系列文章除了講解技術...
前言 Facebook 在 2012 年開始在公司內部使用 GraphQL，而在 2015 年 7 月開源並撰寫了正式的規格，開源至今還不算很久，但已經引起了廣...
今天來簡單介紹一下 GraphQL 的生態圈，我自己是使用 NodeJS 的套件 Apollo Server 來開發，而 GraphQL API 目前也有很多...
架好 local project 後，我們就來聊聊組成 GraphQL Server 的三大靈魂： Schema 、 Resolver 以及 Web Serv...
現代的網站越來越多前後端分離的架構，透過 前端 MVC 框架 快速堆砌出 SPA，再透過 API 取得變動的資料也已經是開發者日常；而用來聯繫前後端的 API...
本篇我會從 GraphQL 的精神: 查詢語言 (query language) 開始說起。 我自己剛學習時，常因分不清楚 schema 與 query 的...
今天要介紹 GraphQL 三大支柱之二的 Mutation 。相比 Query 負責資料的取得，凡是資料更改或新增都屬於 Mutation 的負責範圍。與...
昨天大致講解完 query 的概念後，很多人一定開始手癢想寫程式了，不然只會用不會做多無聊呢～今天來介紹如何設定一個 GraphQL Server ! 這邊使...
前言 最後一篇來提到一些上架以後還要持續進行的維護，例如：盡量保持著 React Native 的更新，不至於落後太多。 升級 React Native Rea...
我們今天要來介紹 Apollo Client ，這個套件是目前 GraphQL + React 最有名的套件之ㄧ，而且可以支援其他框架。 今天會簡單介紹如何設...
今天的內容可以用這張圖來表示： 可以看到內容涵括 Operation Name, Aliases, Fragment, Arguments, Variabl...
今天會來講解一系列使用 GraphQL 會遇到的安全問題！其實大部分問題在各類型 API 系統都會遇到，只是 GraphQL 的一些特性使得攻擊起來更容易，而...
前言 前一篇講了 REST 的一些缺點，還有 GraphQL 如何解決這些問題，這篇將帶大家深入細節與實作一邊了解 GraphQL。 因為筆者的專長是 Java...
今天要來介紹一些進階的 Type syntax 並且實作 Resolver 一個強大的特性，也就是 Field Resover 。這一個強大的設計讓 Grap...
在 Resolver field 時，預設傳進來的參數無疑是非常強大的幫手，但要搞懂它並不容易。 我自己在剛開始學習時，因為 JS 不會強制規定參數名稱，所以...
隨著系統逐漸成長，資料量也逐漸上升，我們也會開始面臨資料呈現與管理的問題。過多的資料難以顯示且效能低落，因此我們開始思考如何在分批索取資料的同時，又能夠不影響...
雖然之前實作有提過，不過今天還是要來詳細介紹在 GraphQL 如實作 Authentication 及 Authorization !比起 RESTful...
前言 前一篇稍微的介紹了 GraphQL 裡面的 Schema 以及 Type，這一篇將會進一步嘗試更複雜的 Schema，介紹一些 Query 的變化，以及...
你設計的 API 除了跑的動以外，它安全穩定嗎？ 既然 Junoir 跟 Senior 的後端工程師都能寫出可以運作的 API；那公司為什麼要多花錢請一個比...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 前...
讓我來接著來練習如何使用加入 mutation ，來實作一個簡單的部落格發文系統吧！ 今天目標： 展示自己的文章列表 (僅標題) 展示單篇文章 (標題 +...
前言 前面已經進行了一連串 React Native 跟 GraphQL 的主題教學了，有仔細看下來的讀者應該都對這兩種技術有了一定的瞭解。這系列接下來的部分會...
前言 React Native 是由 Facebook 所開發的行動應用程式開發框架，雖然也是使用 JSX、CSS in JS 等 Web 技術來開發，但開發的...
今天來跟大家介紹 GraphQL 的一個較少被人用到但十分好用的技巧: Diretives。比較常用於修飾 Schema 的定義來實現一些額外的功能或檢查。實...
今天來介紹 GraphQL 的 Interface 與 Union 功能，這兩個 type definition 可以幫助我們在 GraphQL 做到多型 (...
網頁開發的世界日新月異，我目前最關心的技術包括：React Stack、PWA、GraphQL還有Serverless等。而Gatsby.js這個靜態網頁產生...
在前面一篇講解完基本的功能後，就來講一項 API Server 常見的功能： Authentication & Authorization 。 通常登入...
前言 上一篇講到的 Query 是 CRUD 裡面的 R (讀取)，這篇要講的 Mutation 則是負責處理 C (建立)、U (更新)、D (刪除) 等等的...
總結了這麼多天，講了很多關於 GraphQL 的技巧，但是會了技術還要會心法！我當初寫文章的本意就是希望加上一些進階一點的內容，包括「如何設計好一個 Sch...
連續看了這麼多天介紹，今天就來一次整合來開發一個完整的服務吧！前面舉的例子就剛好來讓我們開發一個部落格 + 好友系統 ! 如果不清楚或忘了怎麼開始 proje...
fx777
C. T. Lin
Gary
寶寶出頭天
Jasper
Zack
iThome鐵人賽
看影片追技術