开发企业微信中的内嵌h5时如何开发与调试

前言：

? ? ? ? 在我们的项目中，开发企业微信内部的项目的话，分为两种，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