代码拉取完成,页面将自动刷新
前端 API 集成、通过 API 协议生成前端代码(兼容 Taro)
有没有写过这种代码。如下图
有没有感受过一丝丝头疼
接口协议变更时、接口服务器地址变更时、各种环境来回切换时有没有感受过一丝丝恶心
好了我就是来解决这个问题的
# 本地安装
npm i @threeword/japi -D
# 或者 安装至全局
npm i @threeword/japi -g
npx japi init
会在根目录下生成 apiConfig.js
/** apiConfig.js */
exports.apis = [
{
/** 接口命名(注意大写开头,会作为Class的名称) */
name: 'ServicePublic',
/** 配置 */
opts: {
/** api协议地址 */
uri: '',
/** 协议类型 (swagger_1 | swagger_2 | openapi_3 | api_blueprint | io_docs | google | raml | wadl) */
spec: 'swagger_2',
/** 需要生成文件类型 支持 js | ts (注意:Taro项目自带ts天赋,所以只支持ts) */
type: 'ts',
/** api接口服务地址 也可在config.js中 配置开发环境、测试环境、生成环境 */
serverUrl: ''
}
},
/** 自行补充其他协议配置 结构如上 */
];
/** 第一种 基于supperagent #1 */
npx japi create
/** 第二种 基于Taro.request(应用于Taro项目)#2 */
npx japi create:taro
/** Taro项目生成客户端代码 建议放到src目录下 命令修改如下 #2 */
npx japi create:taro ./apiConfig.js ./src/apis
生成apis文件夹,如图
调用接口就特别简单了
import { servicePublic } from 'src/apis';
const res = await servicePublic.GetArea({});
console.log(res);
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。