我们的一个vue + webpack的 SPA项目需要在微信中使用，因此需要导入微信的jssdk库。

通过搜索发现npm有微信jssdk的依赖包： weixin-js-sdk, 于是

• 导入依赖包

npm i -S weixin-js-sdk

• 1

• 前端页面Usage

import wx from 'weixin-js-sdk'

export default {
    created(){
     let param = {
        debug:true,
        url:'http://localhost:8081/productgroups',
        jsApiList: [
          'chooseWXPay',
          'checkJsApi'
      ]};
      wechatlib.queryJsConfig(param,(err,obj)=>{
        if(err){
          return this.$toast(err);
        }

        console.log('jsconfig ',obj);

        wx.config(obj);

        wx.ready(()=>{
          console.log('wx.ready');
        });

        wx.error(function(res){

          console.log('wx err',res);

          //可以更新签名
        });
      });
    }
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33

wechatlib中获取jsconfig的方法

queryJsConfig(param,callback){
    networklib.post('/wechat/jsconfig',param).then(obj=>{

      callback(null,obj);
    })
        .catch(err=>{callback(err)});
  },

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

这里的jsconfig由后端服务器API生成

TO BE CONTINUE