zoukankan      html  css  js  c++  java
  • [GraphQL] Query a GraphQL API with graphql-request

    To query a GraphQL API, all you need to do is send an HTTP request that includes the query operation in the body of the request. In this lesson, we will use the browser’s fetch method to request the total days skied from our GraphQL API.

    const query = `
      query {
        totalDays
      }
    `;
    
    console.log("querying the count");
    fetch("https://8lq1n313m2.sse.codesandbox.io", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ query })
    })
      .then(res => res.json())
      .then(({ data }) => `totalDays: ${data.totalDays}`)
      .then(console.log)
      .catch(console.error);

    graphql-request is a lightweight package that can be used to send queries to any GraphQL API. Sending a request with graphql-request uses less syntax than a fetch request. In this lesson, we will query the totalDays field using this helper package.

    Install:

    npm i --save graphql-request
    import { request } from "graphql-request";
    
    const query = `
      query {
        totalDays
      }
    `;
    
    console.log("querying the count");
    request("https://8lq1n313m2.sse.codesandbox.io", query)
      .then(({ totalDays }) => `totalDays: ${totalDays}`)
      .then(console.log)
      .catch(console.error);

    Source: https://github.com/prisma/graphql-request

    Personally, I feel you can do some wrapper for raw fetch function by yourself instead of install a new dependency to your project, it add more bytes to the total bundles but in return, it is shorten your own code. 

  • 相关阅读:
    PL/SQL异常处理
    spool命令
    Oracle循环语句
    替换变量&和&&
    OCP-052 & 053部分答案解析
    Oracle IF & CASE语句
    PL/SQL概念
    AIX下如何根据端口号查找相应的进程
    (转)Tomcat启动报Error listenerStart错误
    Suse碎碎念
  • 原文地址:https://www.cnblogs.com/Answer1215/p/10234912.html
Copyright © 2011-2022 走看看