iT邦幫忙

graphql相關文章
共有 140 則文章
鐵人賽 AI & Data DAY 30

技術 Neo4j 的 GraphQL 計畫:GRANDstack

上一篇文章開啟了 GraphQL 的話題,介紹 Neo4j GraphQL plugin 的使用,讓我們可以很方便用 GraphQL 存取 Neo4j 資料庫。...

鐵人賽 AI & Data DAY 29

技術 以 GraphQL 查詢 Neo4j 資料庫

前言 GraphQL 原是 Facebook 內部的開發計畫,現已獨立出來成為 GraphQL 基金會。相較於 RESTful API,GraphQL 前端應...

鐵人賽 Modern Web DAY 30

技術 Apollo Client Network Errors

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 如...

鐵人賽 Modern Web DAY 29

技術 仿Trello - Apollo client cache 操作

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 A...

鐵人賽 Modern Web DAY 28

技術 仿Trello - 前端 Apollo Client 串接 GraphQL API

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 後...

鐵人賽 Modern Web DAY 27

技術 仿Trello - Prisma client CRUD

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 前...

鐵人賽 Modern Web DAY 26

技術 仿Trello - Apollo Server 串接 Prisma

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 資...

鐵人賽 Modern Web DAY 25

技術 仿Trello - Prisma Migrate 與添加Seeder

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 已...

鐵人賽 Modern Web DAY 24

技術 仿Trello - Prisma 安裝與 Schema 建立

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 前...

鐵人賽 Modern Web DAY 23

技術 Prisma 簡介

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 前...

鐵人賽 Modern Web DAY 22

技術 仿Trello - GraphQL Resolver簡介

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 之...

鐵人賽 Modern Web DAY 21

技術 仿Trello - GraphQL Schema撰寫

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 在...

鐵人賽 Modern Web DAY 20

技術 仿Trello - 建立Apollo GraphQL server

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 回...

鐵人賽 Modern Web DAY 19

技術 GraphQL 簡介

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 前...

鐵人賽 Modern Web DAY 11
NestJs 讀書筆記 系列 第 11

技術 NestJs - GraphQL 內部結構說明 (Subscription篇)

Subscriptions 除了 Query 和 Mutation ,GraphQL 還提供第三種類型 Subscription。 Subscription 是...

鐵人賽 Modern Web DAY 10
NestJs 讀書筆記 系列 第 10

技術 NestJs - GraphQL 內部結構說明 (下篇)

GraphQL 內部結構說明 (下篇) 目標: 了解 GraphQL Schema first 模式,成功在 Playground 發送 API Sche...

鐵人賽 Modern Web DAY 7
NestJs 讀書筆記 系列 第 7

技術 如何在 NestJs 中運行 GraphQL

GraphQL 目的: 順利將 GraphQL Playground 運行成功 GraphQL 是一種為 API 的查詢語言 這個篇章不會介紹 Gra...

鐵人賽 Modern Web DAY 1
NestJs 讀書筆記 系列 第 1

技術 大綱

我想進到這系列的讀者應該都是對 NestJs, GraphQL或 Vue Apollo 有點感興趣的人類或者不小心手滑點了進來 不過既然都進來看了就把這系列看完...

鐵人賽 Modern Web

技術 Day18. 利用Gatsby通過資料創建頁面

首先,在Day.17中,我們已經有辦法藉由graphQL來抓取文章資料了,接續上次的內容。 今天我們來提到一個gatsby一個十分重要的功能,就是利用資料去創建...

鐵人賽 Modern Web

技術 Day17. 在Gatsby中串接第三方 GraphQL APIs

今天試著從我們的gatsby專案來串接我們的graphQL graphQL的API來獲得文章資料 首先,創建我們的gatsby專案 gatsby new my-...

鐵人賽 Modern Web

技術 Day16. 實作GraphQL by Ruby on rails ( 修改mutation ) (六)

mutation的部分,除了需要修改原先的CreatePost,還相新增一個RemovePost來刪除文章 修改完的程式碼如下: app/graphql/typ...

鐵人賽 Modern Web

技術 Day15. 實作GraphQL by Ruby on rails ( 修改query ) (五)

根據Day14的新的架構,我修改我的/app/graphql/query/query_type.rb這支檔案 app/graphql/type/query_ty...

鐵人賽 Modern Web

技術 Day 14. 實作GraphQL by Ruby on rails ( 修改資料表 ) (四)

今天要修改一下我們的資料架構,新增一張types的表,紀錄文章的類別,然後在原先的posts表,新增一個type欄位,來紀錄文章類別的關聯。 原先,我們在con...

鐵人賽 Modern Web DAY 26

技術 26. [BE] API 設計拿資料要透過 POST,會有什麼問題嗎?

現代的網站越來越多前後端分離的架構,透過 前端 MVC 框架 快速堆砌出 SPA,再透過 API 取得變動的資料也已經是開發者日常;而用來聯繫前後端的 API...

鐵人賽 Modern Web DAY 5

技術 Day 05 - 動態產生 Gatsby 頁面,來自 Wordpress 的 post page 與現有的 page

首先先調整 gatsby-node.js在 gatsby-source-wordpress plugin 有建議寫法 以下是調整過的gatsby-node.js...

鐵人賽 Modern Web DAY 4

技術 Day 04 - 利用 Gatsby 取得 wordpress json

取得 wordpress 的 pages 資訊訪問 {{wordpress 網域}}/wp-json/wp/v2/pages即可看到所有頁面的資訊 圖中標示這...

鐵人賽 Modern Web DAY 9

技術 Day9. GraphQL ( Schema 和 Query )

一個GraphQL的query語法可能會長得像這樣: { me { name appearsIn } } 和他的回傳結果可能會是長這樣...

鐵人賽 Modern Web DAY 8

技術 Day8. GraphQL簡介

GraphQL是facebook在2015年推出的一種新型態的API,那為甚麼要使用這種api呢? RESTful API不好嗎? RESTful的確有一...

技術 GraphQL non-nullable 導致資料庫null值無法顯示的錯誤

在.Net Core 底下使用GraphQL 由於回傳的必須是non-nullable的值 導致一旦資料庫裡的欄位值為null的時候會出現exception &...

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

技術 GraphQL 前端 (4) - 部落格系統 Demo + 小結

關於昨天的 project ,發現有些太貪心了...一天之內完全不可能講完,所以先放上 CodeSandbox 範例,最後的成果如下: 有興趣的可以自己去...