北京华网天下

微信小程序关联企业微信的开发过程与问题总结

2024-07-28

来源：网络整理

这个功能比较有技巧性，陷阱也比较多，我先说一下我的开发过程，然后总结一下遇到的问题。

准备

1.您需要在微信小程序管理后台关联企业微信账号

2.在企业微信管理后台设置应用主页

3.在微信企业管理后台设置信任域名信息（能调用JS-SDK并跳转到小程序的信任域名是必须配置的，可以填写上面的应用首页地址，如果有其他地址也可以填写，我这里爬取了很久）

4.在企业微信管理后台配置应用信任IP（即白名单；结束）

以上都配置好之后就可以开始工作了

1.在h5页面中引用这几个js文件

2.代码如下

微信小程序开发可信吗_在线开发微信小程序_微信小程序可视化开发软件

new VConsole()//手机调试的控制台 let tokenTicket = getAccessTokenAndTicket(); let corpId = tokenTicket.corpid; //企业ID let agentId = 1000039; //应用ID, agentId, 必须是整型 let appSecret = tokenTicket.corpsecret; // 应用secret let token = tokenTicket.token; //有效期2小时 let ticket = tokenTicket.ticket; //有效期2小时 let timeStamp = new Date().getTime(); let obj = { jsapi_ticket: ticket, //应用ticketg noncestr: '10014', //随机字符串, wx.agentConfig内的nonceStr值要与此值一致 timestamp: timeStamp, //时间戳, wx.agentConfig内的timestamp值要与此值一致 url: window.location.href, //当前网页的url } let signature = getSignature(obj); //签名权限 wx.agentConfig({ corpid: corpId, // 必填，企业微信的corpid，必须与当前登录的企业一致 agentid: 1000039, // 必填，企业微信的应用id timestamp: timeStamp, // 必填，生成签名的时间戳 nonceStr: obj.noncestr, // 必填，生成签名的随机串 signature: signature,// 必填，签名，见附录-JS-SDK使用权限签名算法 jsApiList: ['launchMiniprogram'], //必填 success: function(res) { console.log(res + "agentConfig成功回调"); wx.invoke('launchMiniprogram', { "appid" : "需跳转的小程序appid", // 需跳转的小程序appid "path" : "pages/index/index", // 所需跳转的小程序内页面路径及参数。非必填 }, function(res) { if(res.err_msg == "launchMiniprogram:ok") { // 正常 wx.closeWindow(); } else { // 错误处理 } } ); }, fail: function(res) { console.log("agentConfig失败回调") if(res.errMsg.indexOf('function not exist') > -1){ alert('版本过低请升级') } } }); function getSignature(obj) { let sign = "jsapi_ticket=" + obj.jsapi_ticket + "&noncestr=" + obj.noncestr + "×tamp=" + obj.timestamp + "&url=" + obj.url; return sha1(sign); } function getAccessTokenAndTicket() { let json = ""; $.ajax({ url: "你后台地址,给你返回ticket等信息的地址", type: "POST", data: { url: window.location.href }, async: false, success: function(resp) { console.log(resp); json = JSON.parse(resp.result); }, error: function(a, b, c) { return a; } }) return json }