APP插件开发-H5 - 技术支持：凯特伟业

简介
开发
install方法的简介
首次发布
调试
H5调试
APP调试
构建
发布
APP插件发布
H5插件发布

简介

JEPAAS开发平台移动端插件项目在上个版本中只支持APP插件开发，不支持在H5环境下使用开发，难以支持跨平台开发的业务，在新的插件项目中，插件的架构模式将由多页面应用修改为单页面应用，APP插件开发完毕后上传至JEPAAS平台处即可在H5、APP端同时使用！

开发

以p-suanbanyun-app项目为例，
1、在项目目录 src/views下新建插件目录；
2、在插件目录中新建插件的配置文件config.json

    {
    "title":"插件中文名称",
    "include": [],
    "pluginName": "插件目录名称", // 注意，此处填写的插件目录名称必须与当前文件夹名称一致
    "pluginCode": "JE-PLUGIN-插件编码",
    "describe": "升级描述信息",
    "version": "1", // 插件版本，注意，平台导入插件时候会使用该版本信息
    "debug": true/false,
    "supportH5": true/false "是否支持H5模式"
    // 是否开启本地调试，如果开启本地调试后，
    // 在dev开发模式下会读取本地最新的插件代码，反之会读取云端的插件代码
}

3、在插件目录中新建index.js文件


import router from './router'; // 此处的路由地址可自由修改
import config from './config.json';
import install from '../../utils/install';
install(router, config);

4、在插件目录中新建router.js文件

export default [
  {
    path: '/JE-PLUGIN-TEST', // 注意，一级路由必须为当前的插件编码
    name: 'JE-PLUGIN-TEST',
    component: rootPage,
    children: [
      {
        path: '/',
        component: Index,
      }
    ],
  }
];

5、在项目目录，config/目录下新建项目配置文件config.json

    {
      "entry": [
        "" // 要调试/打包的插件目录名称
      ],
      "username":"", // 平台用户名
      "password":"", // 平台密码
      "jeentry": [
        "je"
      ],
      "socket": false,
      "proxyServerUrl": "", // 接口代理地址
      "serverUrl": "" // H5目录地址
    }

install方法的简介

/**
 * 装载方法
 * @param routers 项目的路由信息
 * @param {pluginCode} 插件编码
 * @param {beforeInstall}(Vue) 在挂载到H5项目之前执行的方法
 */
function install(routers, { pluginCode }, { beforeInstall } = {}) {

}