如题,我用 vue-cli 脚手架创建的应用,然后 vue 组件里想使用企业微信 JSSDK,直接用 import 引用文件会报错,求教如何使用
<template>
<div>
<div>ibeacon</div>
</div>
</template>
<script>
import Vconsole from 'vconsole'
import '../../assets/js/jweixin-1.2.0'
export default {
name:'Ibeacon',
mounted() {
var code = this.$route.query.code
if ( !code ) {
alert('无法获取 sess 标识')
} else {
new Vconsole()
var _this = this
var reqData = {}
reqData.type = 'type1'
reqData.version = '1.0'
reqData.key = '123456'
reqData.parameter = {}
reqData.parameter.code = code
this.$http.post(
'http://api.test.com/',
reqData,
{emulateJSON:true}
).then(function(response){
if (response.data.errcode != 0) {
alert(response.data.errmsg)
} else {
_this.sess = response.data.data
this.getIbeacon()
}
}).catch(function(error){
console.log(error)
})
}
},
methods:{
getIbeacon:function(){
var _this = this
var url = location.href.split('#')[0]
var reqData = {}
reqData.type = 'type2'
reqData.version = '1.0'
reqData.key = '123456'
reqData.parameter = {}
reqData.parameter.url = url
this.$http.post(
'http://api.test.com/',
reqData,
{emulateJSON:true}
).then(function(response){
console.log(response.data.data)
wx.config({
beta: true,// 必须这么写,否则 wx.invoke 调用形式的 jsapi 会有问题
debug: false, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来,若要查看传入的参数,可以在 pc 端打开,参数信息会通过 log 打出,仅在 pc 端时才会打印。
appId: response.data.data.appId, // 必填,企业微信的 corpID
timestamp: response.data.data.timestamp, // 必填,生成签名的时间戳
nonceStr: response.data.data.noncestr, // 必填,生成签名的随机串
signature: response.data.data.signature,// 必填,签名,见 附录-JS-SDK 使用权限签名算法
jsApiList: ['startBeaconDiscovery', 'stopBeaconDiscovery', 'getBeacons','onBeaconUpdate','onBeaconServiceChange'] // 必填,需要使用的 JS 接口列表,凡是要调用的接口都需要传进来
})
var uuids = []
wx.ready(function(){
wx.startBeaconDiscovery({
uuids:uuids,
success(res) {
}
})
})
}).catch(function(error){
console.log(error)
})
}
}
}
</script>
你好,企业微信jssdk目前支持通过script标签引入1.2.0js文件,<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>,npm包引入可以参考下https://developers.weixin.qq.com/community/develop/article/doc/00066e5ca6ca78537a1b56b1056c13 这篇文章
npm i weixin-js-sdk
然后用require
const weChat = require("weixin-js-sdk");
然后这么调用
weChat.config({ beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题 debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: appId, // 必填,企业微信的corpID timestamp: timestamp , // 必填,生成签名的时间戳 nonceStr: noncestr, // 必填,生成签名的随机串 signature: sign,// 必填,签名,见附录1 jsApiList: ["onHistoryBack", "previewImage"] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 });