[Net Core] 與 GraphQL 整合的初次體驗
更新於 發佈於 閱讀時間約 2 分鐘
- 首先先開啟一個 Api 專案
2 . 接著請安裝以下幾個套件
當我們這些套件必備安裝好後，就要開始加入進我們的服務內
首先我們要先知道三種東西，我自己這樣看待
一、Type : 我把他定義為 他就是我們Api回傳的Model，可是我們只是把這Api回傳的Model再跟GraphQL的Model 再次的跟他對接Mapping
二、Query：我把他定義為這就是他所謂的Api，那個他的Request Response我們就在這邊寫上，並且回傳我們Api的Model，他會自動轉變成GraphQL專用的Model
三、Schema: 他就像是定義我們的Api，一旦定義完成之後才會去到Query
我們接下來就來嘗試操作
範例：假設我們今天有書本資料庫，我們要查書，請查關於名為 秘密 的書
操作開始
第一步
建立我們跟資料庫的關連，先建立起Type
先假裝我們的DB，建立DB Model
再來建立我們的GraphQL的Type
第二步 建立我們的Query，也就是我們API Controller接收後操作
這邊我建立一個Api叫做books，並且可以帶入一個參數，再來取得這參數的值並且把這參數待去假的資料裡面查詢，查詢後回傳
第三步 把我們寫的這API 定義起來，讓大家可以找的到它
這幾個動作都建立完以後，我們就剩下最後一個地方，也就是Startup
要設定我們的GraphQL設定
Startup Configure
Startup ConfigureServices
有兩種方式，一種是自己註冊跟自動註冊，要注意，上面用的註冊BooksSchema物件，如果你是加入ISchema你上面的要使用ISchema，反之則是BooksSchema
這樣就大功告成啦，我們就可以執行程式
輸入網址:
這時候就可以連進去囉
右邊都有文檔跟定義，大家都可以去看，
左側邊則是你輸入的語法，右邊為顯示的結果，
我要呼叫books並且帶入queryString參數並且是秘密，回來的結果我想要 id,title,content
query{
books(queryString:"秘密"){
id,
title,
content
}
}
結束囉，喜歡可以幫個拍手等等的支持，讓我有多一點動力
0會員
4內容數
留言0
查看全部
你可能也想看
Google News 追蹤
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
哈囉～很久沒跟各位自我介紹一下了～
大家好～我是爺恩
我是一名圖文插畫家，有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快！隨著時間過去，創作這件事好像變得更忙碌了，也很開心跟很多厲害的創作者以及廠商互相合作幫忙，還有最重要的是大家的支持與陪伴🥹。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
在安裝 NET Framework 3.5 時，可能遇到在 Windows 11 下無法安裝的問題。本文提供了一種解決方案......
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖，並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例，並附上圖片說明操作過程。
Code Coverage 是什麼？
程式碼覆蓋率(Code Coverage)是一種軟體測試指標，用百分比表示，數值越高越好。
透過GraphQL提供的分頁方式，優化後端讀取資料的效能，避免過度讀取舊資料及準確指定特定項目。同時，利用Local-only field達成資料的整理或再次經過計算，提升管理和重複使用的效能。
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
NET 1Q24 財報結果，整體 Top line 營收大致合於市場預期，並未超出市場預期太多、也低於我 model 預期，而進一步觀察 1Q24 財報細項，暗示未來營收成長的幾個關鍵指標中，雖然 RPO 加速，但包括 cRPO, Billings 都出現劇烈減速，雙雙反應出客戶當前的保守態度。
「基隆東岸廣場」爆發產權之爭，基隆東岸廣場不只是海港地標，更是基隆房地產最具指標的地段，附近除了廟口夜市，還有崁仔頂漁市場及郵輪港口人潮，不但可提供遊客停車空間，也是北台灣熱門的觀光景點，
基隆市政府和NET爆發東岸廣場之爭，8年前大日開發公司向市府簽約承租基隆東岸廣場，當時大日開發公司也和NET
農曆新年即將來臨，NET在今年的公益活動中再次展現其溫暖與關懷，特別捐贈80萬元提貨券給台北家扶中心，讓家扶的孩子們得以穿上嶄新的衣物，迎接新一年的到來。
大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。
哈囉～很久沒跟各位自我介紹一下了～
大家好～我是爺恩
我是一名圖文插畫家，有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快！隨著時間過去，創作這件事好像變得更忙碌了，也很開心跟很多厲害的創作者以及廠商互相合作幫忙，還有最重要的是大家的支持與陪伴🥹。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
在安裝 NET Framework 3.5 時，可能遇到在 Windows 11 下無法安裝的問題。本文提供了一種解決方案......
※ 什麼是Web API
API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。
API流程：
終端使用者用任何一種裝置進入瀏覽器。
瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。
後端透過 API 收到前端的請求後，取得資料並回應給前端。
前端渲染畫面，終端使用者
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖，並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例，並附上圖片說明操作過程。
Code Coverage 是什麼？
程式碼覆蓋率(Code Coverage)是一種軟體測試指標，用百分比表示，數值越高越好。
透過GraphQL提供的分頁方式，優化後端讀取資料的效能，避免過度讀取舊資料及準確指定特定項目。同時，利用Local-only field達成資料的整理或再次經過計算，提升管理和重複使用的效能。
xhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
NET 1Q24 財報結果，整體 Top line 營收大致合於市場預期，並未超出市場預期太多、也低於我 model 預期，而進一步觀察 1Q24 財報細項，暗示未來營收成長的幾個關鍵指標中，雖然 RPO 加速，但包括 cRPO, Billings 都出現劇烈減速，雙雙反應出客戶當前的保守態度。
「基隆東岸廣場」爆發產權之爭，基隆東岸廣場不只是海港地標，更是基隆房地產最具指標的地段，附近除了廟口夜市，還有崁仔頂漁市場及郵輪港口人潮，不但可提供遊客停車空間，也是北台灣熱門的觀光景點，
基隆市政府和NET爆發東岸廣場之爭，8年前大日開發公司向市府簽約承租基隆東岸廣場，當時大日開發公司也和NET
農曆新年即將來臨，NET在今年的公益活動中再次展現其溫暖與關懷，特別捐贈80萬元提貨券給台北家扶中心，讓家扶的孩子們得以穿上嶄新的衣物，迎接新一年的到來。