iT邦幫忙

graphql相關文章
共有 140 則文章
鐵人賽 Modern Web DAY 1
NestJs 讀書筆記 系列 第 1

技術 大綱

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

鐵人賽 Modern Web DAY 21

技術 仿Trello - GraphQL Schema撰寫

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

鐵人賽 自我挑戰組 DAY 21

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

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

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

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 22

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

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

鐵人賽 Software Development DAY 10

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

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

鐵人賽 自我挑戰組 DAY 19

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

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

鐵人賽 自我挑戰組 DAY 20

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

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

技術 GraphQL介紹-2 Mutation,input

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

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

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

技術 Laravel + GraphQL 接案心得&範例分享 Part 1:強大優點、API 線上試玩、工具介紹

客戶最近有把舊 laravel 專案改寫為 SPA 的需求,需要前後端分離 為了方便前後端溝通、改善開發者體驗,我建議&協助他們導入 GraphQL 技術到 l...

鐵人賽 Modern Web DAY 2

技術 Day 2:安裝 Strawberry 環境

環境準備 Python:3.11.1 套件管理:Poetry(1.6.1) 本文使用環境為 Apple Silicon,並使用 pyenv 安裝 Pytho...

鐵人賽 Modern Web DAY 25

技術 Day 25:Strawberry Django Channels

Django Channels 是 Django 的一個擴充功能,主要用來處理即時通訊 (real-time communication) 的需要,像是廣播(b...

技術 Laravel + GraphQL 接案心得&範例分享 Part 2:前端 Query/Mutation 與 React 串接範例

在上一篇文章,我簡單介紹了 GraphQL 的好處,以及如何在 laravel 中實作 這一篇文章,接著介紹一下如何在前端使用 React 進行整合 實務範例與...

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 24

技術 Day 24:Strawberry Django 權限

Django 內建一套權限系統,主要提供 Django 應用程式的模型新增、修改、刪除、瀏覽權限管理,除此之外還有系統管理員、管理員與認證檢查,當然 Djang...

鐵人賽 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 3

技術 Day 3:GraphQL 型別系統

GraphQL 就如同程式語言一樣有型態跟物件等概念,在這次的內容當中將介紹 GraphQL 的型別系統,首先看到以下整個 GraphQL 型別系統的基本元素示...

鐵人賽 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 23

技術 Day 23 GraphQL(2) - Apollo Server

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

鐵人賽 Modern Web DAY 4

技術 Day 4:使用 Strawberry 學習 GraphQL 型別 – 1

首先先將之前”安裝 Strawberry 環境”所建立的開發環境開啟。 $ cd strawberry-tutorial 這個時候專案目錄的結構應該會是像下面...

鐵人賽 Modern Web DAY 22

技術 Day 22 GraphQL (1) - Apollo Server

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

鐵人賽 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 1

技術 Day 1:關於 GraphQL

起源 GraphQL 是一種 API 查詢語言,Facebook 在 2012 年創造出來,並在 2015 年開源,然後在 2019 年 Facebook 與其...

鐵人賽 Modern Web DAY 28

技術 Day 28:整合追蹤服務

追蹤服務的主要功用是對應用程式或系統進行即時監控並取得詳細報告。它讓我們能夠監測到應用程式或系統實際的效能,並擷取到任何可能出現的問題,即使是在非常早期的階段,...

鐵人賽 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 20

技術 Day 20:Strawberry Django 資料驗證與錯誤處理

前面自定義的文章發布功能,仔細看回傳的型態,除了Post以外,還有OperationInfo,這是因為在input_mutation上面設定handle_dja...