Skip to main content

Command Palette

Search for a command to run...

學習 GraphQL 筆記(三)Resolver

Published

I am not a programmer just a leaner. Writing JavaScript, Python, and Go and doing something on Kubernetes.

前面學完了怎麼請求資料,怎麼定義 Schema,最後我們就是要來學習怎麼解析請求來拿取資料。

此處我是搭配 Apollo 來使用,所以可能跟其他 Framework 不同。到了 Resolver 基本上我認為就已經不關 GraphQL 的事情了,就主要是後端的邏輯該怎麼利用得到的參數來從 Database 取得資料或更新資料。

Operation

前面提到 GraphQL 的 Operation 是 Entry Point,所以 Front End 請求所用的都需要在 Resolver 也定義,注意名稱要一樣,才能 Mapping 起來。

# Schema

type Person {
  name: String
  age: Int

}

type Cat {
  name: String
  weight: Float
  height: Float
  master: Person

}

# Query
{
  cat {
    name
    weight
    height
    master

  }

}

按照上面的設定 Resolver 的話就要如下面的範例編寫:

{

  Query: {
    cat: (parent, args, context, info) => {
      // 在此處編寫從資料庫拿取資料的 function

      return {
         name: "Hino",
         weight: 4.5,
         height: 50

       };

    }

  }
  Person: (parent, args, context, info) {
    return {
      name: "Rukeith",
      age: 18

    };

  }

}
  • parent:當前上一個 Resolver 的回傳值

  • args:傳入的參數

  • context:在 Resolver 解析鏈中不斷傳遞的中間變數

  • info:當前 Query 的 AST 物件

parent 會是上一個 Resolver 的回傳值,所以 cat要求了 master 欄位。而其 master 的 Object Type 是 Person。所以跑完 cat ,會往下 Mapping 到 Person 的 Resolver。此時 Personparent 的值就會是

{
  name: "Hino",
  weight: 4.5,
  height: 50

}

如果在 master 傳入參數,如 master(limit: 1)Person 的 Resolver 參數 args 就會是:

{
  limit: 1

}

缺陷

目前看到的是 GraphQL 應該只有一個 Entry Point 所以,沒辦法適用於過往 HTTP 的 Cache 機制,和在中間層做 Authorize 的部分。我也還沒看到有在介紹這塊的文章,希望有推薦的可以跟我說一下,感謝大家的觀看。

Reference

  1. https://www.apollographql.com/

  2. https://graphql.org

  3. https://graphql.cn

  4. https://blog.apollographql.com/the-anatomy-of-a-graphql-query-6dffa9e9e747

  5. https://juejin.im/post/5b03cdcd51882542c760eaef

  6. https://blog.apollographql.com/graphql-explained-5844742f195e

More from this blog

如何開始入門軟體工程領域 - 名詞解釋(長期更新)

現在應該開始有很多人想要踏入軟體工程的領域,但在進入這個領域之前,覺得先了解一些名詞,可以在入門時更有方向也更知道要用什麼關鍵字去找尋有用的資訊。這篇文章就是想要幫助想要入門的人理解一些軟體工程裡的專有名詞。 作業系統 這一區塊主要解釋跟作業系統層面相關的名詞 英文中文解釋 Operation system 簡稱 OS | 作業系統 | 就是電腦的作業系統,是三大作業系統分別是:Linux、Windows、macOS | | Linux | | 自由和開放原始碼的 UNI...

May 10, 2023

我的 MacBook Pro (Apple Silicon) 設定

現在開始因為 ChatGPT 的出現,各種 AI 助手的功能都跑出來了。想想自己用了許久的環境設定也應該要來重新審視和建立新的開發環境了,僅此紀錄我個人的環境配置步驟和設定。 環境前置步驟 還原 MacBook Pro 至全新環境 macOS(全部資料刪除) 設定好初始設定後,登入 Apple ID 進入 App Store 確定 macOS 版本和預設 APP 都更新到最新 macOS 版本 到系統設定調整所有設定至個人習慣的設定 三指拖移 觸控板手勢開啟 防火牆開啟 輸入法設定...

Apr 25, 2023

ChatGPT 下的發展預想

從 ChatGPT 問世到現在,有許許多多的文章和討論出來。先從最早的 Google 要完蛋了,到後來的工作要被取代了,工程師失業了。 我就比較沒有想要馬上出來評論一下,我喜歡讓子彈飛一會兒。跟討論一下我自己比較在意的討論點。 Google 為什麼慢了? 結論:因為他需要更小心 很多人說 Google 怎麼被微軟搶先了一步。剛開始 Bing 說要加上 AI 的時候大家都在說 Google 怎麼慢了。我就馬上跑去看 OpenAI 的網站,靠北呀啊就 Azure 贊助的。那當然在正式上線 ChatG...

Mar 23, 2023

不工程的攻城獅

223 posts

I am not a programmer because I am not good at programming. But I do programming. Love to learn new things. An animal lover and a dancer. My oshi is 潤羽るしあ.