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

最新推荐文章于 2025-04-15 15:08:36 发布

浩星

最新推荐文章于 2025-04-15 15:08:36 发布

阅读量7.3k

点赞数 21

分类专栏： vue3.0 更多插件文章标签：企业微信

本文链接：https://blog.csdn.net/qq_41619796/article/details/135600212

版权

更多插件同时被 2 个专栏收录

91 篇文章

订阅专栏

70 篇文章

订阅专栏

前言：

在我们的项目中，开发企业微信内部的项目的话，分为两种，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('版本过低请升级')
        }
    }
});