企业微信H5唤起(打开)微信小程序

1、登录企业微信管理后台(https://work.weixin.qq.com/wework_admin/frame)
2、获取企业ID,我的企业>企业信息>企业ID(ww28b3c6e7a00ee381)
企业微信H5唤起(打开)微信小程序_第1张图片
3、获取应用id及secret。应用管理>应用>自建>企业应用(test)>AgentId(1000011)、Secret(t5gPkJsvlEvp0i_bTeJpzAJ0jQ-edqS7fsrdmYPTKLc)
企业微信H5唤起(打开)微信小程序_第2张图片企业微信H5唤起(打开)微信小程序_第3张图片
4、申请域名校验。应用管理>应用>自建>企业应用(test)>开发者接口>网页授权及JS-SDK>申请域名校验,填写域名,申请域名校验,根据提示完成校验。
通过后,如下图所示:
企业微信H5唤起(打开)微信小程序_第4张图片
5、需要唤起小程序的企业微信内置H5页面
5.1 引入js文件
(支持https)http://res.wx.qq.com/open/js/jweixin-1.2.0.js
https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js
5.2 请求token、ticket并缓存
5.2.1、请求accessToken
“https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=” + corpId + “&corpsecret=” + secret
corpId为企业id,必须是整型,不能为字符串,secret为应用秘钥,分别从2,3步骤中获取,返回结果中的expires_in为token有效时长,单位为s。详见:https://work.weixin.qq.com/api/doc/90000/90135/91039
需要缓存accessToken。
5.2.2、请求应用的jsapi_ticket(非企业的jsapi_ticket)
“https://qyapi.weixin.qq.com/cgi-bin/ticket/get?access_token=” + token + “&type=agent_config”
其中token为5.2.1中需要缓存的token。接口详见:https://work.weixin.qq.com/api/doc/90001/90144/90539#%E8%8E%B7%E5%8F%96%E5%BA%94%E7%94%A8%E7%9A%84jsapi_ticket,返回的ticket需缓存。
5.3、签名权限
将字段jsapi_ticket、noncestr、timestamp、url及对应值拼接成字符串,再进行sha1签名
jsapi_ticket为5.2.2需要缓存的ticket、noncestr为随机字符串、timestamp为时间戳、url为当前网页url。详见:https://work.weixin.qq.com/api/doc/90001/90144/90539
至此,wx.agentConfig所需的参数corpid、agentid、timestamp、nonceStr、signature已准备完毕。其中jsApiList填写固定值:[‘launchMiniprogram’]即可。

注意事项:timestamp、nonceStr必须与签名权限时使用的一致
6、事件触发唤起小程序(以下代码可置于点击事件内)
wx.invoke(‘launchMiniprogram’, {
“appid” : “wxa810a2ace2fd6a2d”, // 需跳转的小程序appid
“path” : “pages/index/index”, // 所需跳转的小程序内页面路径及参数。非必填
}, function(res) {
if(res.err_msg == “launchMiniprogram:ok”) {
// 正常
} else {
// 错误处理
}
}
);
触发后,即可从企业微信的H5页面进入小程序。

7、调试部署
登录pc企业微信,工作台>企业应用>index.html页面,ctrl+shift+alt+d开启调试模式,进入页面后,空白处右键showDevTools即可打开浏览器进行调试。当console出现“agentConfig成功回调”表明已经没有问题。进入移动端的应用,即可唤醒小程序。
pc端企业微信,仅仅是调试作用,是无法唤醒小程序的。
企业微信H5唤起(打开)微信小程序_第5张图片
Index.html代码

工地视频

你可能感兴趣的:(前端,小程序)