请教下前端我想在 vue 组件中使用企业微信 JSSDK 如何引用

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1420 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，我用 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>

5 条回复 • 2021-01-08 08:53:28 +08:00