npm 包 @hapi/call 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发中，我们常常需要调用一些服务端接口，而后端语言和框架的不断更新升级，使得我们的前端开发也要保持快速迭代的节奏。如何写出高质量可维护的代码是我们开发者必须面对的问题。这里介绍一个 npm 包 @hapi/call，它提供了一种新的、简单易用的调用服务端接口的方式。

安装

npm 包 @hapi/call 是一个 node.js 模块，可以通过 npm 安装。在你的项目中执行以下命令即可：

npm install @hapi/call --save

使用方法

@hapi/call 提供了一种类似于基于 Promise 的 Ajax。我们可以非常简单地使用它发送包含调用服务端接口的 HTTP 请求，并以 Promise 的形式接收它的响应。

它的使用非常简单，可以通过以下代码调用服务端函数：

const Call = require('@hapi/call');

const response = await Call('http://localhost:3000/user', {
  method: 'POST',
  payload: { id: 1 },
});

传入的第一个参数是服务端接口 URL，第二个参数是可选的配置项。

配置项

可以通过第二个参数来传递配置项，它包括：

method

调用接口的 HTTP 方法，可以是 "GET", "POST", "PUT", "DELETE" 等。默认为 "GET"。

Call('http://localhost:3000/user', {
  method: 'POST',
  payload: { id: 1 },
});

params

调用接口时需要传递的参数，以对象形式传递。

Call('http://localhost:3000/user', {
  method: 'POST',
  params: { id: 1 },
});

payload

调用接口时需要传递的数据，以对象形式传递。

Call('http://localhost:3000/user', {
  method: 'POST',
  payload: { id: 1 },
});

headers

调用接口时需要传递的 HTTP 头部，以对象形式传递。

Call('http://localhost:3000/user', {
  method: 'POST',
  headers: { 'X-Requested-With': 'XMLHttpRequest' },
});

response

调用接口的响应类型，可以是 "text", "json", "buffer", "stream" 等。默认为 "json"。

Call('http://localhost:3000/user', {
  method: 'POST',
  response: 'text',
});

实例

下面是一个完整的 @hapi/call 实例，它将向一个接口发送 POST 请求，并取得返回的 JSON 数据。

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

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

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

-------------------------- -- -
  ------------------
---展开代码

总结

@hapi/call 简单易用，提供了一种新的、简单易用的调用服务端接口的方式。它的使用非常方便，只需要编写少量的代码就可以轻松完成调用服务端接口的过程。本文介绍了如何安装、使用和配置 @hapi/call，并提供了一个完整的实例以供参考。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/102873

npm 包 @hapi/call 使用教程

前言

安装