首页 > 其他分享 >使用 GraphQL 查询

使用 GraphQL 查询

时间:2024-11-24 19:55:14浏览次数:6  
标签:选项卡 请求 查询 选择 GraphQL 使用 Postman

  1. Home / 
  2. 发送请求 / 
  3. 支持的 API 框架

使用 GraphQL 查询

除了 REST,Postman 还可以使用 GraphQL(一种用于 API 的开源数据查询和操作语言)进行 HTTP 调用。

您可以通过多种方式使用 Postman 编写和发送 GraphQL 查询:

使用 Postman 对 GraphQL 的内置支持

Postman 内置支持在请求正文中发送 GraphQL 查询使用 GraphQL 变量以及自省和导入 GraphQL 模式

在请求正文中发送 GraphQL 查询

  1. 在 Postman 中打开一个新的请求选项卡,并在地址字段中输入您的 GraphQL 端点 URL。
  2. POST从请求方法下拉列表中选择。
  3. 在Body选项卡下,选择GraphQL body 类型。
  4. 在查询编辑器中输入您的 GraphQL 查询。此编辑器使您能够分别创作和编辑查询和变量。

选择 GraphQL 主体类型

使用 GraphQL 变量

  1. 在GraphQL 变量编辑器中输入您的GraphQL 变量。
  2. 在查询编辑器中,在 GraphQL 查询中声明 GraphQL 变量。有关如何使用 GraphQL 变量的更多信息,请参阅GraphQL 变量文档

使用 GraphQL 变量

您还可以使用 Postman 变量作为 GraphQL 变量的数据输入,使用{{variable}}语法。

自省和导入 GraphQL 模式

<iframe data-google-container-id="a!3" data-google-query-id="CJHb2JLz9IkDFb9FwgUdXJY3aQ" data-load-complete="true" frameborder="0" height="280" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-6117966252207595&output=html&h=280&adk=1880455480&adf=2047891013&w=1200&abgtt=6&fwrn=4&fwrnh=100&lmt=1732448917&num_ads=1&rafmt=1&armr=3&sem=mc&pwprc=6869789333&ad_type=text_image&format=1200x280&url=https%3A%2F%2Fpostman.org.cn%2Fsending-requests%2Fsupported-api-frameworks%2Fgraphql%2F&fwr=0&pra=3&rh=200&rw=1469&rpe=1&resp_fmts=3&wgl=1&fa=27&uach=WyJtYWNPUyIsIjE1LjEuMSIsImFybSIsIiIsIjEzMS4wLjY3NzguODYiLG51bGwsMCxudWxsLCI2NCIsW1siR29vZ2xlIENocm9tZSIsIjEzMS4wLjY3NzguODYiXSxbIkNocm9taXVtIiwiMTMxLjAuNjc3OC44NiJdLFsiTm90X0EgQnJhbmQiLCIyNC4wLjAuMCJdXSwwXQ..&dt=1732448917689&bpp=1&bdt=2270&idt=1&shv=r20241120&mjsv=m202411140101&ptt=9&saldr=aa&abxe=1&cookie_enabled=1&eoidce=1&prev_fmts=0x0%2C1200x280&nras=3&correlator=7229780715932&frm=20&pv=1&u_tz=480&u_his=7&u_h=1080&u_w=1920&u_ah=998&u_aw=1920&u_cd=24&u_sd=2&dmc=8&adx=528&ady=2834&biw=1905&bih=911&scr_x=0&scr_y=1104&eid=31088580%2C31088961%2C95344787%2C31089090%2C95345966%2C95347756&oid=2&pvsid=3433787099782183&tmod=217217015&uas=0&nvt=1&fc=1408&brdim=0%2C25%2C0%2C25%2C1920%2C25%2C1920%2C998%2C1920%2C911&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=128&bc=31&bz=1&td=1&tdf=2&psd=W251bGwsbnVsbCxudWxsLDNd&nt=1&ifi=3&uci=a!3&btvi=1&fsb=1&dtd=4" title="Advertisement" width="1200"></iframe>

要启用自动完成,您的请求需要 GraphQL 架构。Postman 将使用 GraphQL 自省根据请求 URL 自动获取模式。当 Postman 能够自动获取模式时,模式选择列表旁边会显示一条消息。如果您的架构已更改,请选择刷新图标刷新图标以提取更改。

GraphQL 自动获取模式

您也可以手动导入架构。当您创建 GraphQL 架构或将其导入 Postman 时,您可以选择它而不是自动获取的架构。

  1. 在左侧边栏中选择API ,然后选择+以创建新 API。

  2. 输入 API 的名称和版本。

  3. 从Schema type下拉列表中选择GraphQL 。

  4. 从Schema Format下拉列表中选择JSON或GraphQL SDL 。

    您可以选择“导入”选项卡直接从本地文件或 GitHub 或 Bitbucket 存储库导入 API 规范。如果您不导入模式,Postman 将使用您可以随时编辑的示例规范填充您的 API。

  5. 选择创建 API。 创建一个新的 API

  6. 打开新 API 的版本页面并导航到定义选项卡。在编辑器中输入您的 GraphQL 模式并保存。

    编辑 API 架构

  7. 返回到您的GraphQL正文。从下拉列表中选择您的架构。您可能需要通过选择刷新图标刷新图标进行刷新。

  8. 开始编辑您的查询。Postman 现在将根据新 GraphQL 模式中的数据建议自动完成选项。

GraphQL 自动完成

在请求正文中使用 JSON

  1. 在 Postman 中打开一个新的请求选项卡,并在地址字段中输入您的 GraphQL 端点 URL。
  2. POST从请求方法下拉列表中选择。
  3. 在“标题”选项卡中,添加Content-type.application/json
  4. 在Body选项卡下,选择raw body 类型。从格式下拉列表中选择JSON 。
  5. 使用正确的 JSON 格式在请求正文中构造您的查询。

GraphQL JSON 请求正文

使用 GraphQL 内容类型标头

  1. 在 Postman 中打开一个新的请求选项卡,并在地址字段中输入您的 GraphQL 端点 URL。
  2. POST从请求方法下拉列表中选择。
  3. 在“标题”选项卡中, 添加Content-type.application/graphql设置内容类型标头
  4. 在Body选项卡下,选择raw body 类型。从格式下拉列表中选择文本。
  5. 使用标准 GraphQL 格式在请求正文中构建您的查询。

GraphQL 查询请求正文

将查询作为 cURL 请求导入

  1. 选择左上角的导入。
  2. 选择原始文本。
  3. 将您的 cURL 命令粘贴到文本字段中,然后继续。您的 cURL 命令必须包含 GraphQL 端点 URL,并且必须指定POST请求方法。 通过 cURL 导入 GraphQL 请求
  4. 选择导入。
  5. 该请求将在一个新选项卡中打开,其中包含您指定的 GraphQL 端点 URL 和POST请求方法。

GraphQL 响应

标签:选项卡,请求,查询,选择,GraphQL,使用,Postman
From: https://www.cnblogs.com/sexintercourse/p/18566277

相关文章

  • 使用命令行创建一个简单的 Maven Web 应用程序
    本教程将指导您通过命令行创建一个简单的MavenWeb应用程序。我们将使用最新版本的Java和依赖项。本指南将带您完成项目设置、添加必要依赖项、配置Web应用程序并运行它的整个过程。先决条件已安装JDK21已安装Maven一个Web浏览器第一步:生成Maven项目首先......
  • 给大家推荐一个好用论文投稿期刊查询—LetPub,以及好用的ai软件——Kimi.ai完全免费。
     1.LetPub期刊的网址如下:最新SCI期刊影响因子查询及投稿分析系统(2022-2024年)-LetPubhttps://www.letpub.com.cn/index.php?page=./journalapp2.Kimi.ai辅助工具的网址如下:Kimi.ai-会推理解析,能深度思考的AI助手Kimi是一款学生和职场人的新质生产力工具,帮你解读论文,策划......
  • 【MySQL系列】使用正则表达式确保`card_secret`字段格式正确
    ......
  • 你对视网膜(Retina)分辨率有了解吗?有没有在实际中使用过?
    关于视网膜分辨率,我的理解如下:概念:“视网膜分辨率”这个术语是由苹果公司推广的,指的是像素密度达到肉眼无法分辨单个像素的程度。这并非一个固定的分辨率值,而是取决于设备的屏幕尺寸和观看距离。一般来说,像素密度达到或超过300PPI(每英寸像素数)就被认为是“视网膜级别”......
  • 不依赖第三方库,说下如何使用js读取pdf?
    不依赖第三方库,纯前端JavaScript读取PDF文件内容比较困难,主要是因为JavaScript本身没有直接访问文件二进制数据的能力(除非用户主动选择文件并通过<inputtype="file">上传)。即使上传了文件,JavaScript也无法直接解析PDF的二进制格式。如果一定要在前端实现不依赖第三......
  • 说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处?
    二倍图,也称为@2x图或高清图,指的是在移动端设备上,为了应对高分辨率屏幕(例如Retina屏),使用比实际显示尺寸大一倍的图片资源。例如,如果一个按钮在屏幕上显示的大小是50px*50px,那么它的二倍图尺寸就是100px*100px。理解二倍图的核心在于像素密度(PPI-PixelsPerInch)。早期的移动......
  • 有使用过svg吗?请用svg画一个圆
    是的,我使用过SVG。以下是一个用SVG绘制圆形的代码,可以直接在HTML文件中使用:<svgwidth="100"height="100"><circlecx="50"cy="50"r="40"stroke="green"stroke-width="4"fill="yellow"/>&......
  • 使用HTML5需要遵守哪些设计原则?
    使用HTML5进行前端开发需要遵守以下设计原则,以确保网站的可用性、可访问性、性能和可维护性:1.语义化标签:优先使用语义化HTML5标签:根据内容的含义选择合适的标签,例如<article>,<aside>,<nav>,<header>,<footer>,<section>等,而不是仅仅依赖<div>和<span>。避免滥用di......
  • 移动端的布局用过媒体查询吗?写出例子看看
    是的,移动端布局经常使用媒体查询。以下是一些例子,展示了如何使用媒体查询来创建响应式设计:1.基于视口宽度的基本媒体查询:/*在视口宽度小于768px时应用样式*/@media(max-width:768px){body{font-size:16px;}.container{width:90%;/*将容器宽度......
  • 怎么使用HTML5来获取定位?定位不准怎么解决?
    使用HTML5获取定位主要依靠GeolocationAPI。获取定位的大致流程如下:检查浏览器支持:在使用GeolocationAPI之前,最好先检查一下浏览器是否支持它:if("geolocation"innavigator){//浏览器支持GeolocationAPI}else{//浏览器不支持GeolocationAPI......