點燈坊

失くすものさえない今が強くなるチャンスよ

タグ : GraphQL

使用 Vue Apollo 建立 Dynamic Subscription

Smart Query 與 Smart Subscription 雖然方便,但必須在 apollo 先宣告 Query 也順便定義其 GraphQL,且在 Component 載入時自動執行;若想在某個 Event 下執行 GraphQL,則要改用 Dynamic Query 與 Dynamic Subscription 動態載入 GraphQL。

使用 Vue Apollo 建立 Smart Subscription

GraphQL Subscription 最常使用的場景為原本 Smart Query 已經有資料,但經過 Subscription 通知後需更新原本資料,Vue Apollo 特別設計了 Smart Subscription,可在完全不知道 WebSocket 前提下,不知不覺使用 GraphQL Subscription。

使用 ESLint 檢查 GraphQL

只要在 Vue Project 下安裝 Vue Apollo 之後,yarn serve 就會提示是否讓 ESLint 也檢查 GraphQL,只要依照本文步驟,就能消除 Warning 並檢查 GraphQL。

使用 Vue Apollo 建立 Dynamic Query

Vue Apollo 預設使用 Smart Query,在 apollo 先宣告 Query 也順便定義其 GraphQL,在 Component 載入時自動執行;若想在某個 Event 下執行 GraphQL,則要改用 Dynamic Query 動態載入 GraphQL。

GraphQL 初體驗

GraphQL 為 Facebook 所發表 API 查詢語言,在 2018 年成立 GraphQL Foundation 後,各語言的後端與前端都有 GraphQL 實作,本文將對 GraphQL 做簡單介紹,並以 Apollo 平台建立基本 GraphQL 開發環境。