前言:
在我们的项目中,开发企业微信内部的项目的话,分为两种,1种是直接开发企业微信的小程序,另一种则是企业微信内嵌我们的H5界面,我们这里讲一讲企业微信内嵌h5的方法与注意点。
1、开发h5项目
这点没有什么特别的,正常开发我们的移动端项目使用vant等框架都行,如果需要调用企业微信的扫一扫等功能,需要引入企业微信支持的 js-sdk 的方法,前端引入插件,
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
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.scanQRCode({desc: 'scanQRCode desc',needResult: 0, // 默认为0,扫描结果由企业微信处理,1则直接返回扫描结果,scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是条形码(一维码),默认二者都有success: function(res) {// 回调var result = res.resultStr;//当needResult为1时返回处理结果},error: function(res) {if (res.errMsg.indexOf('function_not_exist') > 0) {alert('版本过低请升级')}}
});
开发时如何判断是否为企业微信环境
js判断当前是否是企业微信环境,微信环境_js判断企业微信-CSDN博客文章浏览阅读370次,点赞7次,收藏9次。js判断当前是否是企业微信环境,微信环境_js判断企业微信https://blog.csdn.net/qq_41619796/article/details/135508079?spm=1001.2014.3001.5501
2、测试h5项目
1、h5项目发布上线后,拿到线上链接,直接在有企业微信权限的账号里面,用企业微信打开该链接
2、也可以用微信开发者工具的,公众号网页项目中,在地址栏直接输入线上地址查看,不过这里无法模拟到企业微信环境
3、部署h5项目
前提:1、需要企业微信的管理员权限;2、接口需要添加到企业微信的安全域名中
更多资料:
按快捷键 ctrl + alt + shift + D,进入调试模式;
常见问题 - FAQ - 接口文档 - 企业微信开发者中心https://developer.work.weixin.qq.com/document/path/90315#%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1Windows%E7%89%88%E6%9C%AC%E8%B0%83%E8%AF%95