pont生成前端接口层代码

清风笑～

已于 2022-11-15 10:15:22 修改

阅读量1.2k

点赞数 2

分类专栏： js前端 webpack react 文章标签：前端 vscode typescript pont

于 2022-02-17 14:23:50 首次发布

本文链接：https://blog.csdn.net/ling369523246/article/details/122982424

版权

Pont 利用接口元数据，可以高度定制化生成前端接口层代码

摘要由CSDN通过智能技术生成

1. vscode安装pont插件

在这里插入图片描述
package.json加入"pont-engine": “^1.0.13”,

2. 应用根目录配置 pont-config.json 配置

templatePath 定义模板代码
templatePath 定义api.d方法代码
transformPath 数据整理

{
   
    "originUrl": "http://*****/v2/api-docs?****=****",
    "outDir": "./src/api",
    "templatePath": "./pont/serviceTemplate",
    "transformPath": "./pont/transfrom"
}

serviceTemplate.ts 模板代码生成，根据自己封装的接口函数等

import {
    CodeGenerator, Interface } from 'pont-engine';

export default class MyGenerator extends CodeGenerator {
   
    getInterfaceContent(inter: Interface) {
   
        const bodyParamsCode = inter.getBodyParamsCode();
        const method = inter.method.toUpperCase();
        const interPath = inter.path || '';
        const paths = interPath?.replace(/\}/g, '').split('/{');
        const pathsLast = paths.length - 1;
        let defs = '';
        let requestParams =