iT邦幫忙

graphql相關文章
共有 140 則文章

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

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

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

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

鐵人賽 Modern Web DAY 29

技術 Day 29:整合 Apollo Sandbox

Apollo Sandbox 是 GraphOS Studio 的特殊模式,可以幫助我們本地開發 GraphQL 應用程式,可以想像是 Apollo 發行的 G...

鐵人賽 Modern Web DAY 28

技術 Day 28:整合追蹤服務

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

鐵人賽 Modern Web DAY 27

技術 Day 27:Strawberry Django 安全性

這篇主要介紹一些 Strawberry 內建提供的安全性相關的擴充功能,下面會示範幾個跟查詢有關的安全性擴充功能設定。 在 OWASP Cheat Sheet...

鐵人賽 Modern Web DAY 26

技術 Day 26:Strawberry Django 查詢優化

在使用物件關聯對應(Object-Relational Mapping, ORM)工具時,對於具有關聯的物件進行批次查詢時可能出現的效能問題,像是 N+1 查詢...

鐵人賽 Modern Web DAY 25

技術 Day 25:Strawberry Django Channels

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

鐵人賽 Modern Web DAY 24

技術 Day 24:Strawberry Django 權限

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

鐵人賽 Modern Web DAY 23

技術 Day 23:Strawberry Django 認證

strawberry_django 內建基於 Cookie 與 Session 的登入、登出的變更功能和取得當前使用者的查詢功能。 下面我們就試著加入這些功能:...

鐵人賽 Modern Web DAY 22

技術 Day 22:Strawberry Django Relay

Relay 是一種使用 GraphQL 的規範,其名稱來自於由 Facebook 開發的 JavaScript 框架 Relay。這種規範規定了一些特定的慣用格...

鐵人賽 Modern Web DAY 21

技術 Day 21:Strawberry Django 檔案上傳

在實作上傳檔案的功能之前,我們先幫文章模型加上封面圖片的欄位: # server/app/blog/models.py # ... 省略 class Post(...

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 19

技術 Day 19:Strawberry Django 新增、修改、刪除的變更

這篇我們就來實作 strawberry_django 的變更(Mutations)相關功能。 strawberry_django 內建模型新增(Ctreate)...

鐵人賽 Modern Web DAY 18

技術 Day 18:Strawberry Django 資料篩選

在開始這篇的練習之前,可以先在 Django admin 的頁面上新增一些使用者、文章、留言、分類以及標籤。 以往想到 Django 篩選資料的套件,大部分第一...

鐵人賽 Modern Web DAY 17

技術 Day 17:Strawberry Django 排序與分頁

排序 在新增資料排序的功能之前,先新增一個 Python 檔: $ touch server/app/blog/graph/orders.py 接著編輯ser...

鐵人賽 Modern Web DAY 16

技術 Day 16:Strawberry Django 客製化查詢與 Resolvers

在上一篇的內容中可能會發現,透過 strawberry_django 自動轉換的 GraphQL 型態會缺少一些完整的型態定義,像是上圖的Post就缺少多對多...

鐵人賽 Modern Web DAY 15

技術 Day 15:Strawberry Django 定義型態與查詢

這篇終於進入到 Strawberry 跟 Django 整合的部分,在這邊我會在部落格應用程式模組內建立一個新的模組,用來放跟 GraphQL 相關的程式碼。...

鐵人賽 Modern Web DAY 12

技術 Day 12:Strawberry 的其他功能

在前面我們透過 Strawberry 將 GraphQL 一些最基礎的概念練習一遍了(https://graphql.org/learn/ 上,最佳實踐以外的內...

鐵人賽 Modern Web DAY 11

技術 Day 11:使用 Strawberry 學習 GraphQL 變更

在前面的說明主要著重在查詢(Read)的部分,API 的開發還會有新增(Ctreate)、修改(Update)、刪除(Delete),GraphQL 在這部分就...

鐵人賽 Modern Web DAY 10

技術 Day 10:使用 Strawberry 學習 GraphQL 指令

在先前我們為了讓查詢使用上更加彈性,學習了使用變數(Variables)動態帶入引數(Arguments),接著我們學習指令(Directives),它就像是...

鐵人賽 Modern Web DAY 9

技術 Day 9:使用 Strawberry 學習 GraphQL 片段與內嵌片段

再前一次使用別名(Aliases)來查詢資料,達到同時查詢兩個使用者列表,如上圖,這時會發現查詢語法中會重複出現使用者欄位(Fields),在當前的情況應該還...

鐵人賽 Modern Web DAY 8

技術 Day 8:使用 Strawberry 學習 GraphQL 變數與別名

在上次我們完成了兩個最基礎的 GraphQL 查詢,接下來將繼續介紹 GraphQL 查詢的其他語法操作。 在之前的使用引數(Arguments)來查詢某個...

鐵人賽 Modern Web DAY 7

技術 Day 7:使用 Strawberry 學習 GraphQL 查詢

在學習如何查詢之前,我們應該先要有一些資料,為此我們建立一個服務元件來產生假資料。 首先安裝一個產生假資料的 Python 套件,faker: $ poetry...

鐵人賽 Modern Web DAY 6

技術 Day 6:使用 Strawberry 學習 GraphQL 型別 – 3

在這次內容中將使用一個特別的範例,來示範 GraphQL 中的 Interface 與 Union Type。 我們假設取得使用者資料的時候,依照不同的使用者角...

鐵人賽 Modern Web DAY 5

技術 Day 5:使用 Strawberry 學習 GraphQL 型別 – 2

接著繼續編輯 User Type 進一步增加欄位與學習 Strawberry 的 GraphQL 型態。 @strawberry.type class User...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

技術 Day 3:GraphQL 型別系統

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

鐵人賽 Modern Web DAY 2

技術 Day 2:安裝 Strawberry 環境

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

鐵人賽 Modern Web DAY 1

技術 Day 1:關於 GraphQL

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

鐵人賽 Mobile Development DAY 3

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

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