iT邦幫忙

graphql相關文章
共有 141 則文章
鐵人賽 Modern Web DAY 4
Think in GraphQL 系列 第 4

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

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

鐵人賽 Modern Web DAY 3
Think in GraphQL 系列 第 3

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

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

鐵人賽 Modern Web DAY 3

技術 [影片]Gatsby.js 未來的網頁03:File Structure

我們已經用Gatsby的Command Line工具以預設的Starter安裝了一個示範網站。今天我們就來研究一下這個預設Starter生成的目錄結構。 You...

鐵人賽 Modern Web DAY 2
Think in GraphQL 系列 第 2

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

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

鐵人賽 Modern Web DAY 2

技術 [影片]Gatsby.js 未來的網頁02:安裝Gatsby.js

實作是最好的學習。今天要介紹Gatsby.js的安裝及在local環境運行起來。 YouTube教學影片: ##安裝Gatsby CLI npm instal...

鐵人賽 Modern Web DAY 1

技術 Gatsby.js 未來的網頁01:漸進式網頁應用程式

網頁開發的世界日新月異,我目前最關心的技術包括:React Stack、PWA、GraphQL還有Serverless等。而Gatsby.js這個靜態網頁產生...

鐵人賽 Modern Web DAY 1
Think in GraphQL 系列 第 1

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

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

技術 Steps for Django GraphQL -- Front End

在前端想要 request graphql 的 api 很簡單大致如下: // data.query 是你的 query string(可直接貼上在 graph...

技術 Steps for Django GraphQL -- Mutation api

api 除了查詢功能外還需要寫入,在 graphql 裡面,寫入要用 Mutation。 回到我們的 schema 本體,把它改成:schema = gra...

技術 Steps for Django GraphQL -- Query api

首先我們先在 graphAPI 子專案資料夾下面創建一個資料夾: schemaClass 來放我們所有的 schema python 檔現在資料夾結構長這樣:...

技術 Steps for Django GraphQL -- Schema

一開始講到,我個人認為 GraphQL 的最搶鏡頭的地方就是 schema 所以接下來,我們先打開之前創建好的 schema.py 檔,從 query (拿資料...

技術 Steps for Django GraphQL -- Set up

GraphQL is a query language for your API, and a server-side runtime for executi...

鐵人賽 Modern Web DAY 30

技術 Day 30:寫在最後

前言 最後一篇來提到一些上架以後還要持續進行的維護,例如:盡量保持著 React Native 的更新,不至於落後太多。 升級 React Native Rea...

鐵人賽 Modern Web DAY 24

技術 Day 24:在 App 上呈現 Github User 頁面

前言 前一篇拼死拼活的才把 Token 拿回來,這篇要來用 Token 拿資料回來顯示 User 的頁面。 準備 GraphQL Client 經過一段考慮後,...

鐵人賽 Modern Web DAY 23

技術 Day 23:實作 OAuth 來使用 Github GraphQL API

前言 前面已經進行了一連串 React Native 跟 GraphQL 的主題教學了,有仔細看下來的讀者應該都對這兩種技術有了一定的瞭解。這系列接下來的部分會...

鐵人賽 Modern Web DAY 22

技術 Day 22:GraphQL 入門 Part V - Fragment

前言 這篇是「GraphQL 入門」這個小系列的最後一篇,要來提到 GraphQL 一個非常重要的功能 - Fragment。它可以讓各模組自己定義各自的資料需...

鐵人賽 Modern Web DAY 21

技術 Day 21:GraphQL 入門 Part IV - Mutation

前言 上一篇講到的 Query 是 CRUD 裡面的 R (讀取),這篇要講的 Mutation 則是負責處理 C (建立)、U (更新)、D (刪除) 等等的...

鐵人賽 Modern Web DAY 20

技術 Day 20:GraphQL 入門 Part III - Query

前言 前一篇稍微的介紹了 GraphQL 裡面的 Schema 以及 Type,這一篇將會進一步嘗試更複雜的 Schema,介紹一些 Query 的變化,以及...

鐵人賽 Modern Web DAY 19

技術 Day 19:GraphQL 入門 Part II - 實作 Schema & Type

前言 前一篇講了 REST 的一些缺點,還有 GraphQL 如何解決這些問題,這篇將帶大家深入細節與實作一邊了解 GraphQL。 因為筆者的專長是 Java...

鐵人賽 Modern Web DAY 18

達標好文 技術 Day 18:GraphQL 入門 Part I - 從 REST 到 GraphQL

前言 Facebook 在 2012 年開始在公司內部使用 GraphQL,而在 2015 年 7 月開源並撰寫了正式的規格,開源至今還不算很久,但已經引起了廣...

鐵人賽 Modern Web DAY 1

技術 Day 01:使用 Modern Web 技術來打造 Native App

前言 React Native 是由 Facebook 所開發的行動應用程式開發框架,雖然也是使用 JSX、CSS in JS 等 Web 技術來開發,但開發的...