在前端开发中，我们经常需要调用接口进行数据交互。而随着项目变得越来越复杂，手动创建和维护接口请求的代码会变得越来越麻烦。为此，我们可以使用 npm 包 create-apier-cli 来自动生成符合规范的接口请求代码，从而提高开发效率。
什么是 create-apier-cli
create-apier-cli 是一款基于 Node.js 的命令行工具，它可以根据 API 文档和模板自动生成符合规范的接口请求代码。
使用 create-apier-cli 可以省去手动编写接口请求的繁琐过程，同时还能提高代码的可读性和维护性。
安装 create-apier-cli
首先，我们需要安装 Node.js 和 npm。打开终端，输入以下命令安装 create-apier-cli：
npm i -g create-apier-cli
使用 create-apier-cli
使用 create-apier-cli 生成接口请求代码需要以下步骤：
- 创建配置文件
- 生成代码
创建配置文件
在项目根目录下创建一个 apier.config.js 文件，并把 API 的相关信息写入其中。
以下是一个示例配置文件的内容：
-- -------------------- ---- -------
-------------- - -
---- -
-
----- -----------
---- --------------------------------
------- ------
--
-
----- -----------------
---- ------------------------------------
------- ------
------- -
--- --
--
--
-
----- -------------
---- --------------------------------
------- -------
----- -
--------- ---
--------- ---
--
--
--
------------- ------------- -- -------
----------- -------- -- -------
-其中，api 属性是一个对象数组，每个对象表示一个接口请求的相关信息。具体属性值如下：
- name：接口请求的名称
- url：接口请求的地址
- method：接口请求的方法，可以是 get、post 等，不区分大小写
- params：接口请求的参数，默认为空对象
- data：接口请求的数据，默认为空对象
templatePath 属性为代码模板文件夹的路径，outputPath 属性为生成的代码输出文件夹的路径。
生成代码
在终端中执行以下命令，即可生成接口请求代码：
apier gen
执行命令后，create-apier-cli 会自动读取配置文件中的相关信息，并根据模板生成对应的接口请求代码。
生成的代码会保存在 output 配置项中指定的文件夹中，每个接口请求会对应一个以接口请求名称命名的文件夹，文件夹中包含了请求文件和相应的数据模型文件。
以下是一个示例接口请求代码：
-- -------------------- ---- -------
------ ----- ---- -------
------ - ---- - ---- --------------
----- ----------- ------- ----- -
------------- -
-------
-------- - -------------------------------
----------- - -----
-
----- ----- -
------ ----- --------------
-
-
------ - ----------- -在生成的代码中，Apier 是一个封装了请求方法的基类，GetUsersApi 则是一个继承自 Apier 的子类，用于具体的接口请求。在 run 方法中，我们可以通过 request 方法发起网络请求，并返回响应结果。
以下是一个示例数据模型文件：
-- -------------------- ---- -------
----- ---- -
---------------- - --- -
------- - ------- -- --
------------- - ------------- -- --
------------- - ------------- -- --
-
-
------ - ---- -总结
create-apier-cli 是一款非常实用的工具，它可以省去手动编写接口请求的繁琐过程，提高开发效率。在使用 create-apier-cli 时，我们需要先创建一个 apier.config.js 配置文件，并在其中添加相关信息。然后，在终端中执行 apier gen 命令，即可自动生成接口请求代码。最后，我们只需要稍微修改一下生成的代码，就可以轻松地完成数据交互的工作了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600567b781e8991b448e3fe0