u-admin-cli v1.1.10

u-admin-cli

• 通过简单的命令启动一个或多个Http服务器，模拟接口为前端开发调用
• 管理React后台模版项目

一、快速开始

sudo npm i -g u-admin-cli

1、执行命令启动一个action的http服务

u-admin-cli mock -c

请求示例：

2、执行命令启动一个restful的http服务

u-admin-cli mock -c -t restful

请求示例：

3、如何在项目中使用

在package.json中添加u-admin-cli mock，默认API端口9000，风格为Action，如果需要更改restful请增加参数u-admin-cli mock -t restful

"scripts": {
    "start": "react-app-rewired start && u-admin-cli mock",
}

在根目录新建mock文件夹和对应的接口文件

在项目中配置反向代理转发本地的接口

const { createProxyMiddleware } = require("http-proxy-middleware");

const proxyConfig = [
  {
    url: "/acl/*",
    target: "http://localhost:9000",
    changeOrigin: true,
  }
];

module.exports = (app) => {
  proxyConfig.forEach((item) => {
    app.use(
      item.url,
      createProxyMiddleware({
        target: item.target,
        changeOrigin: item.changeOrigin,
      })
    );
  });
};

二、启动一个Mock-API服务

action 风格的api

在mock文件新建[Action].json文件，Action为对应api的名字，如果请求地址路径有参数，可以创建多层

比如一个请求url: http://localhost:9000/list, Action: "List"的api，数据为

{
    "RetCode": 0,
    "Message": "",
    "Data": [] 
}

在mock下新建list文件夹，并写入List.json, 执行命令u-admin-cli mock， 然后就可以请求接口了

还可以改动文件，再次请求接口内容也会跟着变化

u-admin-cli mock -n

三、功能介绍

1、mock - 启动本地开发服务

2、dev - 启动本地开发服务

• 1、首先启动服务，获取启动项目的html代码
• 2、挂载微服务的代码,子项目的port依次+1

四、发布版本

# 登录 npm
npm config set registry https://registry.npmjs.org/

npm login

1、修改版本号,执行下面命令

npm run publish:patch

2、撤回 24 小时内发布的版本，撤回后 24 小时内不允许发布

npm unpublish u-admin-cli@1.0.2

五、本地开发

cd u-admin-cli
yarn install
yarn start [command]

待完善：需要增加错误判断，避免程序报错退出