npm 包 @pi-cubed/graphql-proxy 使用教程

前言

在开发现代 Web 应用程序时，随着 React 、Vue 和 Angular 等前端框架的大量使用以及指导我们将数据和应用程序状态存储在中央数据存储库中的技术变革，GraphQL 作为一种新兴的数据查询语言变得越来越流行。虽然 GraphQL 被许多程序员接受，但在实际使用过程中也有一些限制。@pi-cubed/graphql-proxy npm 包的目的就是解决这些限制，使开发人员的生活更轻松。

安装

可以通过 npm 安装 @pi-cubed/graphql-proxy 包：

--- ------- -----------------------

用法

方式 1：使用 command line

通过以下命令可以直接运行 @pi-cubed/graphql-proxy：

---- --------------------------------------------- ---------------------------------------- ------------------------------------------------------
  • origin 参数指定联络点的 URL 地址
  • rewrite_schema 参数指定模式 URL 地址

方式 2：使用 JavaScript 代码

可以在 JavaScript 文件中使用 @pi-cubed/graphql-proxy：

----- ------- - -------------------
----- - --------------------- - - ---------------------------------
----- - ----------- - - -----------------------------------

----- --- - ----------

----- ----------- - --- -------------
  ------- ----------------------------------
  -------------- ----------------------------------------
---

--------
  -----------
  -----------------------
    ------- -----------------
    ------------- -----
    --- -----
    ------------ -
      ------------ ---
    --
  --
--

---------------- -- -- -
  -------------------------- ------- -- ----------------------
---

参数

@pi-cubed/graphql-proxy 支持以下参数配置：

  • origin：联络点 URL，必填参数
  • rewriteSchema：模式 URL，必填参数
  • endpointPath：GraphQL API 路径，默认是 /graphql
  • persistedQueries：启用持久化查询，默认为 true
  • port：端口号，默认为 0，即随机选择一个端口
  • subscriptionEndpoint：启用订阅跨域请求

示例

----- - ------------- --- - - -------------------------
----- - ----------- - - -----------------------------------

----- ----------- - --- -------------
  ------- --------------------------------
  -------------- -------------------------------
---

----- -------- - ----
  ---- ----- -
    -------- ------
  -
--

----- --------- - -
  ------ -
    -------- -- -- ------ ---- ------- --------
  --
--

----- ------ - --- --------------
  ---------
  ----------
  -------------- -
    ----- -----------------
  --
  ------- -------------------
---

--------------------------- --- -- -- -
  --------------- ------ ----- -- ---------
---

结论

@pi-cubed/graphql-proxy 为 GraphQL API 带来了更多的灵活性和可配置性。手动编写代理策略是一项困难和耗时的任务，因此使用现成的 npm 包，可以加速开发和降低错误风险。

如果您使用 GraphQL，并希望简化开发流程并更快地构建 API 服务，则 @pi-cubed/graphql-proxy npm 包是非常有用的技术工具。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f71238a385564ab6792

阅读全文

猜你喜欢

  • 前端技术文章：npm包homebridge-livolo使用教程

    简介 Homebridge-livolo是一个npm包，它可以将Livolo 智能墙壁开关和Apple HomeKit设备连接起来，使您可以通过Siri语音控制您的Livolo墙壁开关。

    3 年前
  • npm 包 ngx-markdown-hyggerio 使用教程

    一、介绍 ngx-markdown-hyggerio 是一个 Angular 的 markdown 渲染组件，基于 marked 和 highlight.js 实现。

    3 年前
  • npm 包 map-vector-symbol 使用教程

    在前端开发中，我们经常需要使用地图。针对地图的特殊需求，有一个非常好用的 npm 包 map-vector-symbol，可以帮我们快速地完成地图上符号的绘制。 什么是 map-vector-symb...

    3 年前
  • npm 包 Tsuml-cli 使用教程

    在前端开发中，我们通常需要使用 UML 图来表示软件的设计和架构。Tsuml-cli 是一个基于命令行的 UML 图生成工具，可以快速生成各种类型的 UML 图。在本篇文章中，我们将深入探讨如何使用 ...

    3 年前
  • npm 包 baiji-gateway 使用教程

    前言 随着互联网技术的不断发展，前端架构越来越复杂，需要依赖很多工具、技术、框架等等，其中 npm 包就是前端开发中常用的工具之一。本文将为大家介绍一款常用的 npm 包：baiji-gateway ...

    3 年前
  • npm 包 ve-wizard 使用教程

    什么是 ve-wizard？ ve-wizard 是一个用于 Vue.js 应用构建的向导组件库，它提供了一组易于使用的组件和工具，使得开发者可以快速地构建复杂的向导流程。

    3 年前
  • npm 包 atv-paginator 使用教程

    什么是 atv-paginator atv-paginator 是一个在 Apple TV 设备上使用的分页组件，它具有流畅的滑动效果和简单易用的接口。该组件在 Apple TV 设备上能够提供优秀的...

    3 年前
  • npm 包 jsmapper 使用教程

    前言 在前端开发中，往往需要将一个对象转换为另一个对象，这时候我们可以使用 jsmapper 这个 npm 包来进行对象映射。jsmapper 是一个简单易用的 JavaScript 对象映射工具，它...

    3 年前
  • npm 包 lotus-ui 使用教程

    介绍 lotus-ui 是一款基于 React 的 UI 框架，主要特点包括： 丰富的组件库，涵盖了常用的 UI 元素和布局组件 可自定义主题，支持覆盖默认样式变量 基于 CSS-in-JS 技术，...

    3 年前
  • npm 包 wmcfe-login 使用教程

    npm 包 wmcfe-login 提供了一个基于邮箱和密码的登录系统，是一种用于 Web 应用程序的简单但强大的用户身份验证方案。这篇文章将详细讲解如何使用这个 npm 包。

    3 年前
  • npm包yandict使用教程

    介绍 yandict是一个npm包，提供了与Yandex词典API交互的接口。Yandex词典API是一个免费的在线翻译接口，支持76种语言之间的相互翻译。 yandict包封装了这个API的调用方法...

    3 年前
  • npm 包 @toinane/apidoc 使用教程

    在前端开发中，文档是非常重要的一部分。而在构建 Web 服务时，API 文档更是必不可少的。这篇文章介绍一个优秀的 npm 包——@toinane/apidoc，它提供了一种简单而强大的方式生成 AP...

    3 年前
  • npm 包 @bilgorajskim/ra-data-fakerest 使用教程

    前言 在前端开发中，我们经常需要使用后端数据进行开发。而后端数据的获取对于前端开发人员来说并不是一件很容易的事情。在实际开发中，我们常常会遭遇这样一种情况：后端接口没有开发完、后端接口出现了问题导致我...

    3 年前
  • npm 包 @bilgorajskim/ra-data-graphcool 使用教程

    在现代全栈应用中，Graphcool 是一种受欢迎的后端 API 服务，它能够让开发者快速地构建和部署可扩展的服务。而 @bilgorajskim/ra-data-graphcool 这个 npm 包...

    3 年前
  • npm 包 @bilgorajskim/ra-data-graphql 使用教程

    在 Web 开发中，React 是最流行的前端框架之一，而 Ra-data-graphql 是一个 React Admin 的开源数据提供程序，用于与基于 GraphQL API 的后端进行交互。

    3 年前
  • npm 包 keylifesermons 使用教程

    前言 Keylifesermons 是一款基于 React 编写的前端 UI 库。它的特点是简单、易用、可扩展性强，并提供了一些实用的组件。 本教程将介绍 Keylifesermons 的安装、使用以...

    3 年前
  • npm 包 shadowsocks-lite 使用教程

    前言 随着互联网对信息的过滤和限制日益加强，越来越多的人开始使用 Shadowsocks 进行网络代理。Shadowsocks 是一个非常流行的开源代理软件，它具有速度快、安全、稳定等优点。

    3 年前
  • npm 包 ionic-angular-improve 使用教程

    Ionic 是一个流行的移动应用开发框架，它使得开发人员可以使用一些常见的 Web 技术（如 HTML、CSS 和 JavaScript）快速构建高质量的混合式移动应用。

    3 年前
  • npm 包 nuxt-less-resources-loader 使用教程

    在开发前端项目过程中，我们常常需要使用 Less 样式预处理器来编写样式。使用 Less 可以让我们在 CSS 基础上有更多的选择和控制权，同时也可以让我们的代码更加简洁易读。

    3 年前
  • npm 包 material-ui-form-fields 使用教程

    前端界的包管理工具 npm 给了我们非常方便的资源共享和依赖库管理。而 Material-UI 是一个基于 React 的 UI 组件库，使用非常广泛。而 material-ui-form-field...

    3 年前

相关推荐

    暂无文章