搜尋
首頁web前端css教學使用內置的GraphQL指令

使用內置的GraphQL指令

指令是GraphQL最好,也是最不言而喻的功能之一。

讓我們探索使用GraphQL的內置架構和操作指令,所有符合GraphQL規格API都必須實現。如果您使用動態前端,它們非常有用,因為您可以根據用戶與用戶交互的方式進行控制來減少響應有效載荷。

指令概述

讓我們想像一個應用程序,您可以選擇自定義表中顯示的列。如果隱藏兩個或三列,那麼實際上無需為這些單元格獲取數據。但是,使用GraphQL指令,我們可以選擇包括或跳過這些字段。

GraphQL規範定義了什麼是指令以及可以使用的位置。具體而言,指令可以由消費者操作(例如查詢)以及基礎架構本身使用。或者,簡單地說,指令要么基於模式或操作。生成架構時使用架構指令,並且執行查詢時運行指令運行。

簡而言之,指令可用於元數據,運行時提示,運行時解析(例如以特定格式返回日期)和擴展描述(如棄用)。

四種指令

GraphQL擁有規範工作草案中定義的四個主要指令,其中一個未發行為工作草案。

  • @包括
  • @跳過
  • @Deprecated
  • @specifiedby(工作草案)

如果您密切關注GraphQL,您還會注意到,您可以在今天可以嘗試的JavaScript實現合併了兩個其他指令 - @Stream和@defer。當社區在現實世界應用中對其進行測試時,這些都不是官方規格的一部分。

@包括

@Include指令符合其名稱,允許我們通過傳遞IF參數來有條件地包括字段。由於有條件的條件,因此在查詢中使用變量檢查真實性是有意義的。

例如,如果以下示例中的變量是真實的,則名稱字段將包含在查詢響應中。

查詢getusers($ dishame:boolean){
  用戶{
    ID
    名稱@Include(如果:$ dispayame)
  }
}

相反,我們可以選擇不將變量$與查詢一起傳遞為false的變量$通過將字段包含在內。我們還可以指定$ showeame變量的默認值,因此無需在每個請求中傳遞它:

查詢getusers($ dishame:boolean = true){
  用戶{
    ID
    名稱@Include(如果:$ dispayame)
  }
}

@跳過

我們可以用僅此功能來表達同樣的事情,但是使用@SKIP指令。如果價值是真實的,那麼它將像您期望的那樣跳過該領域。

查詢getusers($ hidename:boolean){
  用戶{
    ID
    名稱@skip(如果:$ hidename)
  }
}

儘管這適用於單個字段,但有時我們可能希望包括或跳過多個字段。我們可以在這樣的多行中復制@include和@skip的用法:

查詢getusers($ include fields:boolean){
  用戶{
    ID
    名稱@include(如果:$ include fields)
    電子郵件@include(如果:$ include fields)
    角色@include(如果:$ include fields)
  }
}

@skip和@include指令均可在字段,片段蔓延和內聯片段上使用,這意味著我們可以做其他事情,例如使用Inline Fragments:

查詢getusers($ dubludefields:boolean){
  用戶{
    ID
    ...在用戶@skip上(如果:$ dubludefields){
      姓名
      電子郵件
      角色
    }
  }
}

如果已經定義了片段,當我們將片段擴展到查詢中時,我們也可以使用@skip和@include:

用戶上的fragment用戶{
  姓名
  電子郵件
  角色
}

查詢getusers($ dubludefields:boolean){
  用戶{
    ID
    ...用戶@skip(如果:$ dubludefields)
  }
}

@Deprecated

@deprectated指令僅出現在模式中,並且不是用戶所提供的作為我們上面看到的查詢的一部分。相反,@deprected指令是由維護GraphQL API架構的開發人員指定的。

作為用戶,如果我們嘗試獲取架構中已棄用的字段,我們將收到這樣的警告,提供上下文幫助。

為了標記不推翻的字段,我們需要在架構定義語言(SDL)中使用@Deprectated指令,並在此類參數中傳遞原因:

鍵入用戶{
  id:id!
  標題:字符串@DepRecated(原因:“使用名稱代替”)
  名稱:字符串!
  電子郵件:字符串!
  角色:角色
}

如果我們將其與@include指令配對,則可以根據查詢變量有條件地獲取不棄用的字段:

用戶上的fragment用戶{
  標題@include(如果:$ incresseprecatedFields)
  姓名
  電子郵件
  角色
}

查詢getusers($ inccesseprecatedFields:boolean!= false){
  用戶{
    ID
    ...用戶
  }
}

@specifiedby

@specifiedby是指令的第四個,目前是工作草案的一部分。它設置為自定義標量實現,並採用一個URL參數,該參數應指向標量的規範。

例如,如果我們為電子郵件地址添加自定義標量,我們將希望將URL傳遞給我們用作的正則條件的規範。使用最後一個示例和RFC#822中定義的建議,將在架構中定義了emailaddress的標量:

標量emailaddress @specifiedby(url:“ https://www.w3.org/protocols/rfc822/”)

建議定制指令具有前綴的名稱,以防止與其他附加指令發生碰撞。如果您正在尋找一個示例自定義指令,以及它的創建方式,請查看GraphQl公共模式。這是一個自定義的GraphQL指令,具有代碼和模式優先的支持,用於註釋哪些API可以在公共場合消費。

總結

因此,這是GraphQL指令的高級外觀。同樣,我相信指示是一種被其他GraphQL功能所掩蓋的無名英雄。我們已經對GraphQL模式有了很大的控制,指令為我們提供了更細粒度的控制,以便從查詢中獲得我們想要的東西。這就是這種效率,這使GraphQl API如此快速,最終更友好地使用。

而且,如果您要構建GraphQl API,請確保將這些指令包括在內省查詢中。.擁有它們不僅使開發人員獲得額外控制的好處,而且可以使總體更好的開發人員體驗。試想一下,正確地@deprecate字段將有多大幫助,以便開發人員知道該怎麼做,而不需要離開代碼?這本身就是強大的。

標題圖形由IsabelGonçalves在Unsplash上​​提供

以上是使用內置的GraphQL指令的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
丟失的CSS技巧cohost.org丟失的CSS技巧cohost.orgApr 25, 2025 am 09:51 AM

在這篇文章中,布萊克·莫里(Blackle Mori)向您展示了一些駭客,同時試圖推動同位HTML支持的極限。如果您敢於使用這些,以免您也被標記為CSS罪犯。

光標的下一個CSS樣式光標的下一個CSS樣式Apr 23, 2025 am 11:04 AM

具有CSS的自定義光標很棒,但是我們可以將JavaScript提升到一個新的水平。使用JavaScript,我們可以在光標狀態之間過渡,將動態文本放置在光標中,應用複雜的動畫並應用過濾器。

世界碰撞:使用樣式查詢的鑰匙幀碰撞檢測世界碰撞:使用樣式查詢的鑰匙幀碰撞檢測Apr 23, 2025 am 10:42 AM

互動CSS動畫和元素相互啟動的元素在2025年似乎更合理。雖然不需要在CSS中實施乒乓球,但CSS的靈活性和力量的增加,可以懷疑Lee&Aver Lee有一天會成為一種

使用CSS背景過濾器進行UI效果使用CSS背景過濾器進行UI效果Apr 23, 2025 am 10:20 AM

有關利用CSS背景濾波器屬性來樣式用戶界面的提示和技巧。您將學習如何在多個元素之間進行背景過濾器,並將它們與其他CSS圖形效果集成在一起以創建精心設計的設計。

微笑嗎?微笑嗎?Apr 23, 2025 am 09:57 AM

好吧,事實證明,SVG的內置動畫功能從未按計劃進行棄用。當然,CSS和JavaScript具有承載負載的能力,但是很高興知道Smil並沒有像以前那樣死在水中

'漂亮”在情人眼中'漂亮”在情人眼中Apr 23, 2025 am 09:40 AM

是的,讓#039;跳上文字包裝:Safari Technology Preview In Pretty Landing!但是請注意,它與在鉻瀏覽器中的工作方式不同。

CSS-tricks編年史XLIIICSS-tricks編年史XLIIIApr 23, 2025 am 09:35 AM

此CSS-tricks更新了,重點介紹了年鑑,最近的播客出現,新的CSS計數器指南以及增加了幾位新作者,這些新作者貢獻了有價值的內容。

tailwind的@Apply功能比聽起來更好tailwind的@Apply功能比聽起來更好Apr 23, 2025 am 09:23 AM

在大多數情況下,人們展示了@Apply的@Apply功能,其中包括Tailwind的單個property實用程序之一(會改變單個CSS聲明)。當以這種方式展示時,@Apply聽起來似乎很有希望。如此明顯

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器