开发者中心

# 开发手册-移动端

# 1、开发说明

# 1.1 代码下载

移动端项目源码： framework-app-v2.1.3-SNAPSHOT.rar

# 1.2 技术清单

  • 项目管理：npm
  • 运行环境：Nodejs
  • 项目框架：Vuejs
  • UI框架：Vant-UI
  • 路由管理：Vue-Router
  • 网络请求：Axios
  • 全局状态：Vuex

# 1.3 h5与app交互模式

image-20210610091721743

# 1.3 基本命令

  • 下载依赖：

    npm install

  • 运行项目

    npm run serve

  • 打包编译

    // 开发环境
npm run build-dev
// 测试环境
npm run build-test
// 正式环境
npm run build-pro

# 2、快速开始

# 2.1 前端组件

中台封装了一些前端组件和方法，供开发者使用：

还提供了demo实例

# 2.2 配置接口地址

在不同环境配置文件下面配置，后端的接口地址

image-20210610092253755

# 2.3 配置用户中心登录接口

在vuex中配置ucLoginUrl，该接口为产线自己开发，更多请参考：开发手册 - 后端

image-20210610092432094

# 2.4 模拟登录

  • 启动项目成功后，手动在浏览器输入路由 /login，跳到模拟登录页面。（登录建协云）

    image-20210414173222986

  • 登录成功点击自己开发的应用，进行授权。

    image-20210414173444767

  • 模拟登录会在url上带有code去请求token和用户信息，如下图则代表登录成功

    image-20210414173624361

  • 最后在浏览器上输入对应的路由进行页面开发。

# 3、 测试

# 3.1 安卓端测试

注： 手机必须连接内网wifi（可用自己电脑开wifi连接，如没有权限请自行申请）

  • 建协云app里面退出登录，在登录界面点击八下标题(登录建协云)，出现如下图弹框。

企业微信截图_16182992864499

  • 把服务器地址改为开发环境地址（http://192.169.0.220:5001/）- 测试完后记得改回正式地址（http://m.jxcloud.3hmis.com/），免得影响上下班打卡。

  • 登录自己要测试的账号， 如：sh_dev/3hmis123

img

  • 把自建应用配置成自己电脑的ip地址即可。

# 3.2 IOS端测试

IOS需要用测试机，安装测试包进行测试。其它步骤请参考 [安卓端测试](/app/test/#_3.1 安卓端测试)

# 3.3 自建应用配地址

  • 登录企业账号

  • 找到 我的企业 - 应用管理

  • 新建一个应用，把应用地址写成自己电脑的ip地址

    image-20210610093429623

  • 然后在 组织与权限 中选择自己的角色，对刚才新建的菜单(应用)进行授权。