浙里办H5微应用接入流程(持续更新中)
浙里办H5微应用接入流程–前端
官方链接
正式开发
公司第一次搞这个东西,问遍了朋友都没做过,只能是自己一步一步的走了,中间碰到的坑是真的多
技术选型
前端代码包文档要求为
意思就是说必须要使用各种脚手架支持npm run build,官方文档里面的选型是rax,之前没接触过rax的兄弟强烈不推荐使用,我就是想按照哪里示例来搞,但是埋头做了两天以后发现啥也不是,最后老老实实的使用vue-cli做的前端包。
步骤
- vue-cli创建vue工程,并正常进行代码开发; 1.1 在代码页进行数据埋点,可参考
- 代码开发完毕,buile命令进行打包并压缩为zip文件,上传到应用开发管理平台测试环境
- 在应用开发管理平台中RPC接入-新增系统管理;新增api(代码中所需api)
- 下载政务中台Debug工具进行调试
- 调试完毕进行上架
- 浙里办上架材料完善完毕交于业主单位
遇到的坑
- 先让业主方提供政府易和账号,然后进行应用创建,当应用通过以后应用开发管理平台的技术文档才会有内容,否则为空;
- build打包文件夹必须为"dist",否则编译失败
- build打包时需要将assetsPublicPath: /,改为assetsPublicPath: ./,不然文件引入路径不对
持续更新中。。。(有问题可留言)
上一篇:
IDEA上Java项目控制台中文乱码