APP测试包发布工具

npm vue2

app测试包发布管理工具

功能

  • 新增分类
  • 删除分类
  • 编辑分类
  • 查询分类
  • 新增测试包信息
  • 删除测试包信息
  • 编辑测试包信息
  • 查询测试包信息
  • 新建管理员账号、菜单权限
  • 编辑管理员账号、菜单权限
  • 扫描二维码
  • 历史记录
  • 导出数据

img

【自动生成二维码】

img

【管理员】

img

【访客】

img

操作手册

登录管理员

账号：admin
密码：123456

img

访客无需登录，仅有查看权限

新增测试包信息

img

新增分类

img

筛选分类

img

新增账号

img

历史记录

img

导出数据

img

开发环境

名称 版本
nodejs v12.13.0
vue v2.5.2

安装

1.下载Nodejs

http://nodejs.cn/download/

2.安装Nodejs

（1）检查版本

1
node -v

（2）设置淘宝镜像（提升安装速度）

1
npm config set registry http://registry.npm.taobao.org/

如果你已安装Nodejs环境，可跳过1和2步骤

3.安装与使用

（1）服务端

① 打开终端窗口，进入目录/appTestPackageManager/server下

1
cd /appTestPackageManager/server

② 执行安装

1
cnpm install

③启动后端

1
nodemon server

img

（2）前端

①再次打开新的cmd终端窗口，进入目录/appTestPackageManager下，执行命令行如下命令：

1
cd /appTestPackageManager

②安装

  • 安装cnpm

    1
    npm install -g cnpm --registry=https://registry.npm.taobao.org

  • 安装node-sass

    1
    cnpm install node-sass --save

  • 安装

    1
    cnpm install

③启动前端

1
npm run dev

img

（3）浏览器地址访问

http://localhost:8088

（4）查看你本地IP地址，把localhost替换成你的ip地址（http://IP:8088），发给其他测试小伙伴，他们就能在自己电脑上访问；另外一种办法是将根目录下/dist/static/index.html放入tomcat供外网其他人员使用

TODO 开发中

  • 1.H5页面
  • 2.后端自动根据测试包，放入不同文件夹中（iOS、Andorid）
  • 3.iOS plist地址生成