Back

vuejs - 在vue中使用 weixin jssdk

发布时间: 2019-01-03 11:32:00

参考：https://www.jianshu.com/p/4a697651299e

虽然vux 已经集成了 weixin jssdk ，但是对于不使用vux的场合，我们就直接按照官方文档的来。 

1. npm install --save weixin-js-sdk

2. 在对应的页面中：

// 注意这样不行： import {wx} from 'weixin-js-sdk'  

// 要写成这样才行

var wx = require('weixin-js-sdk');

3. 使用：

  mounted() {
    this.fetchData()
    console.log('== wx:')
    console.log(wx)
    wx.config({                
      beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题                
      debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来               
      appId: 'ww76673d8a0d7cd9d7', // 必填，企业微信的corpID                
      timestamp: 1414587466, // 必填，生成签名的时间戳                
      nonceStr: 'Wm3WZYTPz0wzccnC', // 必填，生成签名的随机串 必填，生成签名的随机串               
      signature: that.ticketString, // 必填，签名                
      jsApiList: ['getBrandWCPayRequest']
    })
  },

Back