集成方案示意图:
授权认证时序图:
1.申请账号
集成前,首先去腾讯小程序官网(https://mp.weixin.qq.com/)申请企业级小程序账号,个人类型的小程序不能进行集成。原因:本集成方案是基于小程序的组件<web-view>链接到H5部署地址的,小程序官方明文规定<web-view>暂不支持个人类型。
2.配置信息
账号申请成功后,将小程序的AppID和AppSecret配置到eip系统中,注意字符串前后是否有空格。如下两张图所示:
3.安装开发工具
小程序的开发和发布,都需要使用官方提供的开发工具。下载地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 。
4.导入项目
安装好开发工具后,将项目按照下图所示导入到开发工具中,项目路径在eip项目代码的tools/miniprogram目录下。
AppID:填写步骤二中的AppID
后端服务:勾选不使用云服务
5.修改H5地址
打开pages/index.js文件,将baseUrl的值改成Eip7移动端部署的地址。注意,地址结尾无需斜杆/。
若您需要发布上线,则此地址协议必须是https开头,且需要自行去做域名备案。
若您只是测试使用,可以使用http协议,并且如下图所示配置忽略校验。
6.配置业务域名
发布上线前,必须到小程序管理后台,配置业务域名。不然微信认为不合法,将拦截H5地址,不给予访问。
7.发布上线
开发工具右上角,上传,填写版本号,提交。
提交成功后,将在小程序管理后台的开发版本上,看到刚提交的版本。可以设为体验版,或者提交审核。
上线版本、审核版本、开发版本的关系:开发版本提交到审核版本,审核版本中选择已审核通过的到上线版本。
8.错误排查
①非业务域名,如下图所示,未配置业务域名,或者业务域名校验不通过。
②小程序配置信息有误