企业微信H5开发遇到的坑

企业微信官方推荐wx.agentConfig引用<script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>是没有效果的

必须引用以下代码才有效果,这也是我看了社区的回答才有所收获,是一个坑

且VUE引用在线的js必须在index.html文件中,放在<head>标签里才可以

<script src="https://res.wx.qq.com/wwopen/js/jsapi/jweixin-1.0.0.js"></script>
  <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

企业官方说要使用wx.agentConfig这个方法就必须先引用成功wx.config这个,首先官方不支持前端做这个签名,由JAVA生成返回给前端,其中特别注意signature两次的签名不能一样,否则会报错

wx.config({
    beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,企业微信的corpID,必须是本企业的corpID,不允许跨企业使用
    timestamp: '', // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名,见 附录-JS-SDK使用权限签名算法
    jsApiList: [] // 必填,需要使用的JS接口列表,凡是要调用的接口都需要传进来
});



wx.agentConfig({
          beta: true, // 必须这么写,否则wx.invoke调用形式的jsapi会有问题
          debug: false,
          corpid: data.cropId, // 必填,企业微信的corpid,必须与当前登录的企业一致
          agentid: data.agentId, // 必填,企业微信的应用id (e.g. 1000247)
          timestamp: data.timestamp, // 必填,生成签名的时间戳
          nonceStr: data.nonceStr, // 必填,生成签名的随机串
          signature: data.agentSignature,// 必填,签名,见附录-JS-SDK使用权限签名算法
          jsApiList: ["getContext", "shareAppMessage", "sendChatMessage"], //必填,传入需要使用的接口名称
          success: function (res) {
            // 回调
            console.log('成功--', res)
          },
          fail: function (res) {
            console.log('fail--', res)
            that.$toast(res.errMsg)
            if (res.errMsg.indexOf('function not exist') > -1) {
              that.$toast('版本过低请升级')
            }
          }
        });

如果可信域名配置完成就可以进行开发,当然开发也有两种模式,一种是使用远程服务器开发,不用发布就可以直接在企业微信软件打开进行调试,另一种就是在本地开发,但涉及企业微信功能的API只能在发布的情况下进行调试,根据项目实际情况来,或者开发如何方便如何来

此次就记录到这里,不得不说企业微信还是有点坑的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信H5登录对接文档是指在开发过程中,使用微信提供的相关接口和文档来实现微信H5登录功能的说明文档。具体内容可能包括以下几个方面: 1. 接口说明:文档会详细介绍微信H5登录接口的使用方法、参数说明、返回结果等。开发人员可以根据文档的指引来正确调用接口,实现登录功能。 2. 接入流程:文档会列出微信H5登录的接入流程,包括注册开发者账号、创建应用、获取相关密钥等步骤。开发人员可以根据流程一步步进行操作,确保在开发过程中的正确性。 3. 安全性考虑:文档可能会提供一些安全性考虑的建议,如如何保护用户隐私信息、如何防止恶意攻击等。开发人员可以根据文档的建议来提高应用的安全性。 4. 示例代码:文档中通常会提供一些示例代码,以便开发人员更好地理解接口的使用方法和逻辑。开发人员可以基于示例代码进行修改和调试,加快开发进度。 5. 常见问题解答:文档可能会列出一些常见的问题和解答,帮助开发人员在遇到问题时查找解决方案。开发人员可以在文档中找到类似问题的解决思路,省去了从零开始解决问题的时间。 总之,微信H5登录对接文档是一份指导开发人员正确使用微信H5登录接口的文档,包含接口说明、接入流程、安全性考虑、示例代码和常见问题解答等内容。开发人员可以根据文档的指引和建议,快速高效地实现微信H5登录功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值