收藏
回答

vue中如何使用企业微信的JSSDK?

如题,我用 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>
回答关注问题邀请回答
收藏

3 个回答

  • 企业微信运营专员-千夜
    企业微信运营专员-千夜
    2021-01-08

    你好,企业微信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 这篇文章

    2021-01-08
    有用
    回复 2
  • Mr.Zhao
    Mr.Zhao
    2021-01-07


    2021-01-07
    有用 1
    回复
  • KangltTAT
    KangltTAT
    2021-01-07

    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
              });
    
    2021-01-07
    有用
    回复 3
    • Talking To The Moon
      Talking To The Moon
      2021-01-07
      是企业微信的JSSDK , 不是微信的JSSDK
      2021-01-07
      回复
    • KangltTAT
      KangltTAT
      2021-01-07回复Talking To The Moon
      需要用到企业微信特有的前端接口吗,不需要的话用这个就可以了
      2021-01-07
      回复
    • 00
      00
      2023-12-22
      vue3 require引入报错怎么办?都快2024年了,还有人在吗
      2023-12-22
      回复
登录 后发表内容
问题标签