评论

Vue项目当中调用微信sdk解决方案

这些都是踩过的坑呀,文档都说不明白,还是得靠自己慢慢一个一个的摸索!

1:安装微信sdk,cnpm install weixin-js-sdk -S;

2:安装完成之后再main.js文件引入,注入到vue原型 import wx-sdk from “weixin-js-sdk”;

3:在第二个或者第三个页面去调用后台提供的接口初始化微信的sdk(最好在第二个页面去初始化,不然会遇到一个生命周期的问题)

参数说明:debug:true||false,查看初始化结果,成功与否,appID:公众号的APPID。timestamp:生成签名的时间戳。

nonceStr:生成签名的随机字符串。signature:微信生成的签名。jsApiList:需要在项目当中使用的那些方法,比如说支付chooseWXPay,直接把方法写进jsApiList里面既可。

4:我这里用微信支付演示一下

然后调起支付的参数就和小程序是一样的道理,由后台给你传过来即可。

微信小程序开发交流群纯交流群,没有任何广告,学习微信小程序的欢迎加入,里面有性感大牛在线解决问题

点赞 1
收藏
评论

2 个评论

  • H
    H
    2020-03-05

    没有downloadFile,openDocument

    怎么解决下载,打开文件


    2020-03-05
    赞同
    回复
  • 2019-06-04

    网上说weixin-jsapi是给vue使用的。weixin-js-sdk是common.js使用的

    2019-06-04
    赞同
    回复 2
    • Altynai
      Altynai
      2019-06-09

      wx-jsapi是h5都可以用的,不一定是vue~

      2019-06-09
      回复
    • Ziyo
      Ziyo
      2019-08-15回复Altynai
      weixin-jsapi, 如果要在html内引入的话,该如何引?
      2019-08-15
      回复
登录 后发表内容