iT邦幫忙

graphql相關文章
共有 141 則文章
鐵人賽 Mobile Development DAY 3

技術 【Day 3】 AppSync:在 AWS Amplify 建立 API

前情提要 昨天發文前,正在 Amplify 的 Data 建立 Model,但是,因為 API 的 Key 失效,所以無法更新 Model 😢。今天不斷踩坑,後...

技術 GraphQL介紹-4 Variables, Directives, Enumeration Types

已經會CRUD了,還要學什麼? 再來和上一篇一樣是介紹一些個人覺得在GraphQL裡比較花俏的操作,雖然說是花俏,但使用的恰當的話同樣可以幫助我們更好的維護程式...

技術 GraphQL介紹-3 Aliases,Fragments,Operation Name

已經會CRUD了,還要學什麼? 再來是介紹一些個人覺得在GraphQL裡比較花俏的操作,雖然說是花俏,但使用的恰當的話同樣可以幫助我們更好的維護程式 不學會怎樣...

技術 GraphQL介紹-2 Mutation,input

GraphQL 介紹-2 上一篇提到了type和field的一些基礎介紹,也有說明了如何定義一個query的方法.本篇將會針對mutation進行說明名 Mut...

鐵人賽 Modern Web DAY 30

技術 Day 30GraphQL(8) - Apollo Client - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app

Apollo client一個 app 可以透過使用 client object 來和 GraphQL server 溝通,把 App 元件(component...

鐵人賽 Modern Web DAY 29

技術 Day 29 GraphQL(7) - Apollo Client - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app

新增一個 React app,這個 app 將使用 Apollo client library,來存取我們先前建立的 Apollo server 的資料。 執行...

鐵人賽 Modern Web DAY 28

技術 Day 28 GraphQL(7) - Apollo Server -Mutation - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app(4)

Mutations 新增修改資料:在 REST,我們使用 POST 和 PUT 新增修改資料,在 GraphQL,用 mutations 新增修改資料。 現在,...

鐵人賽 Modern Web DAY 27

技術 Day27 GraphQL(6) - Apollo Server - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app(3)

繼續修改程式:(1)列出每一位作者的所有著作。(2)列出每一本書的作者的明細資料。 目前我們的 schema 有兩個 object types:Author 和...

鐵人賽 Modern Web DAY 25

技術 Day 25 GraphQL (4) - Apollo Server - Gúa ê Tâi-gí chheh tô͘-su-koán(我的台語冊圖書館) app

做一個圖書管理 app.首先,建立一個 Apollo Server:(1) 建立一個新專案(Create a new project): mkdir Graph...

鐵人賽 Modern Web DAY 24

技術 Day 24 GraphQL (3) - Apollo Server 和 Client

接下來,完成定義在 schema 的功能:client 可以呼叫(call) 這個 server 然後獲得 greeting。也就是 server 傳回 gre...

鐵人賽 Modern Web DAY 23

技術 Day 23 GraphQL(2) - Apollo Server

Server:用 Apollo Server library 來建立 GraphQL server。新增 GraphQL-server 目錄,安裝 apollo...

鐵人賽 Modern Web DAY 22

技術 Day 22 GraphQL (1) - Apollo Server

REST 和 GraphQL:REST:REST(REpresentational State Transfer) 是最為常見的 Server 提供介面給瀏覽器...

鐵人賽 Modern Web DAY 20

技術 Postman challenge Day 19 - GraphQL

前情提要 Postman在剛問世時,主要想要應用的場景就是快速的呼叫API,透過各種操作來達成各種功能。而隨著時代演進,客戶端與伺服器的溝通也不再限於傳統Res...

鐵人賽 Modern Web DAY 16

技術 Day 16 - 為什麼要用 GraphQL

前言 昨天討論完 RESTful API,今天來看看截然不同的 GraphQL! 先想一下 GraphQL 是在什麼樣的時代誕生的? GraphQL 怎麼解決...

鐵人賽 Software Development DAY 11

技術 [Day11] 簡單搞懂Rest & GraphQL 差異

前幾天有介紹過Rest & GraphQL的介紹 ,這邊就想來簡單說明一下差異~如果沒時間好好看前幾天的文章,那這邊幫你快速惡補一下囉 GraphQ...

鐵人賽 Software Development DAY 10

技術 [Day10] 簡單搞懂GraphQl API 名詞解釋 & Python 實作範例2

今天想多講一些名詞解釋相關,還有python的範例喔~ Query 定義Client端可以對數據進行查詢動作(即讀取操作) @strawberry....

鐵人賽 Software Development DAY 9

技術 [Day9] 簡單搞懂GraphQl API Python 實作範例

昨天簡單介紹後,今天又要來實作啦~ ??提醒,如果是利用Homebrew or Linuxbrew 裝 Python的話 pip install 'strawb...

鐵人賽 Software Development DAY 8

技術 [Day8] 簡單搞懂GraphQL設計風格

前幾天都簡單帶大家了解什麼是Rest及Restful API 設計規範,那不免俗也要介紹現在流行的GraphQL 簡單來說,GraphQL(query lang...

技術 GraphQL介紹-1 Schema,type,field

GraphQL 介紹-1 本篇文章將針對GraphQL的type和field進行介紹,如果您已經熟悉上述的部分,想直接看如何使用CRUD的部分可以直接看後面一些...

鐵人賽 自我挑戰組 DAY 22

技術 [Day 22] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - Apollo Client

GraphQL (Hasura)系列,忘記介紹最一開始從前端連線到GraphQL (Hasura)一個重要的套件 - Apollo Client。 大致介紹一下...

鐵人賽 自我挑戰組 DAY 21

技術 [Day 21] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - Event Trigger

今天要繼續講一下GraphQL(Hasura)裡面的一個小功能 - Event Trigger。 會特別介紹這個小工具的原因是因為,我在公司的業務曾經有遇到過D...

鐵人賽 自我挑戰組 DAY 20

技術 [Day 20] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - 身份級別權限設定

先前的GraphQL(Hasura)-Webhook身份驗證有介紹到可以使用Webhook做身份級別的確認,那麼相對應在Hasura後台應該怎麼去做設定呢? 在...

鐵人賽 自我挑戰組 DAY 19

技術 [Day 19] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - Query/Mutation

先前的GraphQL(Hasura)主題跟大家介紹Hasura的基本介紹跟為何使用Webhook,今天想跟大家介紹一下我在使用Hasura時,實際上有用過什麼功...

鐵人賽 Modern Web DAY 24

技術 [Day 24] 自定義 REST QueryDSL 實現動態查詢資料庫

大多數系統的資料庫查詢操作比寫入多樣化且複雜,後端工程師要花比較多的心力撰寫查詢 API,以下列出常見的幾個問題 同一張資料表的查詢 API 會隨著 Clie...

鐵人賽 Modern Web DAY 10

技術 Day10 在 Next.js 安裝 apollo-graphql,串接 WordPress GraphQL API(下)

上一篇我們成功在 Next.js 安裝 ApolloClient 了,今天我們繼續使用剛安裝的 ApolloClient 從 WordPress 抓取文章資料,...

鐵人賽 Modern Web DAY 9

技術 Day9 在 Next.js 安裝 apollo-graphql,串接 WordPress GraphQL API(上)

上一篇文章我們成功在 WordPress 安裝 WPGraphQL plugin,啟動了 GraphQL API,現在我們要來在 Next.js 部落格前端串接...

鐵人賽 自我挑戰組 DAY 9

技術 [Day 9] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - Webhook身份驗證

今天想介紹一下工作上有使用到的小工具Hasura,以及我從中學習到哪些需要注意的小細節。網路上已有大量Graphql教學,可以直接搜尋參考。首先我先大致介紹一下...

鐵人賽 自我挑戰組 DAY 12
後端工程師與圖的修練 系列 第 12

技術 屬性圖模型 Property Graph Diagram

Property Graph Diagram (屬性圖) 與前一篇文章一樣是一種針對概念的建模圖,他的設計方式與上一篇很像,而且也易於理解他的用法,請參考下圖。...

鐵人賽 Modern Web DAY 8

技術 Day8 GraphQL 介紹、在WordPress 上安裝 WPGraphQL plugin

我們的系統架構很單純,分為託管在 Vercel 上的 Next.js 前端,以及託管在 BlueHost 上的 WordPress 後端 CMS。 而前後端之間...

鐵人賽 Software Development DAY 16
全端工程師生存筆記 系列 第 16

技術 [面試][後端]設計 API 時會考慮哪些點?

你設計的 API 除了跑的動以外,它安全穩定嗎? 既然 Junoir 跟 Senior 的後端工程師都能寫出可以運作的 API;那公司為什麼要多花錢請一個比...