npm包 @yubeio/apollo-absinthe-graphql-upload 使用教程

AI 编程助手，豆包旗下的编程助手，提供智能补全、智能预测、智能问答等能力，节省开发时间，释放脑海中的创造力，支持 VSCode，点击体验 AI

简介

在前端开发中，GraphQL是一个非常常用的数据查询语言，而@yubeio/apollo-absinthe-graphql-upload则是一个用于上传文件的GraphQL扩展，可以代替传统的文件上传方式，通过GraphQL的查询和变异来实现文件上传。

本文将详细介绍@yubeio/apollo-absinthe-graphql-upload的使用方法和注意事项，以便您更好地了解和掌握该工具的使用。

安装

在使用@yubeio/apollo-absinthe-graphql-upload前，您需要使用npm进行安装，首先打开您的终端，使用以下命令进行安装：

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

引入 @yubeio/apollo-absinthe-graphql-upload

在您的GraphQL项目中，您需要导入@yubeio/apollo-absinthe-graphql-upload，并且使用该工具对graphqlHTTP进行扩展，以实现文件上传。

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

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

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

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

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

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

这里我们使用了graphqlUploadExpress对graphqlHTTP进行扩展，并传入了maxFileSize和maxFiles两个参数，以便控制上传文件的大小和数量。

文件上传

在已经完成了对GraphQLHTTP的扩展之后，我们就可以在GraphQL中进行文件上传了。在进行文件上传之前，您需要定义一个上传类型，并且使用GraphQLUpload来将其注册到GraphQL中。

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

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

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

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

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

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

这里我们定义了两个mutation函数singleUpload和multipleUpload，并且都需要接收一个文件上传参数来完成文件上传的操作。在函数中我们使用了createReadStream来获取上传文件的数据流，并且使用该流来完成文件上传的操作。

示例

以下是使用@yubeio/apollo-absinthe-graphql-upload进行文件上传的完整例子，您可以在自己的开发环境中进行测试。

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

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

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

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

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

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

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

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

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

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

您可以使用Apollo-Server或者其他GraphQLServer进行测试，在测试过程中如果遇到问题，您可以在官方文档中查看更详细的使用方法。

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

阅读全文

猜你喜欢

  • npm 包 tcpigeon 使用教程

    前言 tcpigeon 是一款基于 Node.js 的 npm 包，其功能是快速搭建 TCP 服务器。在前端开发中，我们有时需要自己搭建一些后台服务用于测试，或者是搭建一些简单的 TCP 服务器与客户...

    3 年前
  • npm 包 kickthemout 使用教程

    在进行网络安全测试、渗透测试等活动时，我们经常需要进行 ARP 欺骗攻击，将其他设备从网络中踢出，从而实现网络的控制和管理。这时候，一个名为 kickthemout 的 npm 包就可以为我们提供便利...

    3 年前
  • npm 包 lxx-tools 使用教程

    随着前端技术的发展，npm 成为了一个不可或缺的工具。npm 提供了海量的第三方前端包，方便了开发者快速搭建自己的项目。而 lxx-tools 这个 npm 包，则更是对前端工程化的一次尝试。

    3 年前
  • npm 包 pushstreamjs 使用教程

    在现代网页开发中，实时通信成为了一个重要的话题。而 pushstreamjs 是一个基于 WebSocket 的轻巧、易用、高性能的 JavaScript 库，可以让开发者轻松实现 Web 端的实时推...

    3 年前
  • npm 包 node-sass-webpack-plugin 使用教程

    在前端开发中，我们经常需要使用 Sass 来编写样式，而且为了方便开发和打包，我们通常会将 Sass 文件打包为 CSS 文件。在 webpack 中，我们可以使用 node-sass-webpack...

    3 年前
  • npm 包 generator-andari-app 使用教程

    前言 在前端开发中，我们常常需要创建一个新的项目，而每次手动创建项目是一件很繁琐的工作，为了避免重复劳动，npm 提供了一个名为 generator-andari-app 的包，使我们能够快速创建一个...

    3 年前
  • npm 包 simple-aes 使用教程

    在前端开发中，数据安全性是非常重要的一部分。而加密算法也是非常重要的一部分。在 Node.js 中，我们可以安装使用 simple-aes 包来实现 AES 对称加密算法。

    3 年前
  • npm 包 @aercolino/object-paths 使用教程

    @aercolino/object-paths 是一个非常实用的 npm 包，它提供了一种方便快捷的方法来访问和修改 JavaScript 对象的嵌套属性。在前端开发中常常需要操作复杂的对象，使用这...

    3 年前
  • npm 包 @document/mmp.core 使用教程

    在前端开发中，npm 包是开发者们最常用的工具之一。其中，@document/mmp.core 是一个非常优秀的 npm 包，它是一款轻量级的 JavaScript 库，可以让你在一键生成 API 文...

    3 年前
  • npm 包 eslint-plugin-more-naming-conventions 使用教程

    在 JavaScript 项目中，编写符合命名规范的代码是非常重要的。命名规范可以使你的代码更易于阅读和维护，以及提高协作能力。而 eslint-plugin-more-naming-conventi...

    3 年前
  • npm 包 method-routes 使用教程

    作为一名前端开发人员，我们经常需要在项目中使用路由管理工具。在 Node.js 环境下，我们可以使用 npm 包来实现路由功能。在本篇文章中，我们将介绍如何使用 npm 包 method-routes...

    3 年前
  • npm 包 neutrino-preset-elm 使用教程

    前言 在前端开发中，我们经常需要使用 JavaScript 框架和库来增强 Web 应用的功能和交互性。甚至我们会使用像 React、Vue、Angular 这样的框架来构建复杂的应用程序。

    3 年前
  • npm 包 hyperchoo 使用教程

    简介 hyperchoo 是一个轻量级的前端应用框架，它基于 choo 和 hyperscript。它允许您快速构建可扩展，易于维护的单页应用程序。它具有很好的文档和生态，可以帮助您快速入门和开发应用...

    3 年前
  • npm 包 react-persist 使用教程

    前言 在现代的前端开发中，我们经常需要使用各种第三方的 npm 包来加速开发，提高效率。而 react-persist 是一款非常实用的 npm 包，它能够让 React 的组件持久化存储数据。

    3 年前
  • npm 包 semver-colors 使用教程

    Semver-colors 是一个 npm 包，它提供了一种简单的方式来格式化和显示各种语言中的版本号，使其易于阅读和理解。 在前端开发中，我们经常需要处理版本号，无论是在开发还是在部署中。

    3 年前
  • npm 包 squalor 使用教程

    在前端开发中，我们经常需要使用数据库操作。为了能够提高开发效率，我们可以使用一些好用的 npm 包库来帮助我们简化操作。其中，squalor 是一款非常实用的 npm 包，本文将为大家介绍如何使用它。

    3 年前
  • npm 包 shard-uo-plugin-common 使用教程

    介绍 shard-uo-plugin-common 是一个 Node.js 包，旨在简化前端开发中的重复性操作，提高代码复用性和可维护性。其包括一系列常用的插件和工具库，支持模块化引入和按需调用，同时...

    3 年前
  • npm 包 requirejs-toggle 使用教程

    在前端开发中，使用 require.js 来实现模块化开发已经成为了主流。requirejs-toggle 是一个可以帮助我们简化 require.js 模块开发的 npm 包。

    3 年前
  • npm 包 spust 使用教程

    什么是 spust？ Spust 是一个可以帮助前端开发者进行实用的 HTTP/HTTPS 接口调试和 mock 的工具集。它可以通过简单配置来启动一个本地的代理服务器，拦截浏览器发送的请求，并返回 ...

    3 年前
  • npm 包 eventsource-polyfill-bugfixes 使用教程

    在使用 JavaScript 编写前端应用时，有时我们需要从服务端获取实时数据并在页面上进行展示。以往，我们可能会在前端代码中使用原生浏览器的 EventSource 对象进行实时通信，但这种方法在一...

    3 年前

相关推荐

    暂无文章