uniapp h5页面引入企业微信js-sdk

我的项目是用vue-cli命令行创建的，里面有public/index。HTML模板文件，也可以加vue.config.js

1、引入js文件

<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

直接将上面代码插入到index.html模板文件中

2、配置vue.config.js

module.exports = {
    chainWebpack: config => {
        config
            .externals({
            'jWeixin': 'jWeixin',
        })
    },
}

企业微信官方文档里调用api的前缀都是wx，但是在uniapp框架已经内置了wx这个对象，配置成“wx”不会生效。

一开始没留意，以为写法有问题，挪到其他vue项目又能生效。

3、jWeixin配到Vue上方便调用

const wx = require("jWeixin");
Vue.prototype.wx = wx;