最近在开发h5网页需要使用到微信jssdk,使用到了微信登录,微信分享,微信扫码,其中有很多的坑,做个笔记以备不时之需
1. 下载微信jssdk,查阅了很多资料,其中有
"jweixin-module": "^1.6.0",
"weixin-js-sdk": "^1.6.0"
两种jssdk实测都可以使用,采用 ------
npm install jweixin-module --save
2.了解jssdk的使用流程,可查阅官方文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
// 在main.js中引入并挂载到vue的对象原型上
import wx from 'weixin-js-sdk';
Vue.prototype.$wechat = wx;
// 以分享为例,扫一扫类似
const url = encodeURIComponent(window.location.href.split('#')[0]);
getwxconfig({
url: url
}).then(res => {
if (res.data.code === 1) {
this.$wechat.config({
debug: f