h5微信本地调试 vue_vueh5中使用微信sdk

微信官方sdk教程

安装vue 微信sdk 使用NPM安装，不会的百度学npm install jweixin-module --save

创建一个wxsdk.js 文件// 引入微信sdk

var jweixin = require('jweixin-module');

export default {

//判断是否在微信中

isWechat: function() {

var ua = window.navigator.userAgent.toLowerCase();

if (ua.match(/micromessenger/i) == 'micromessenger') {

return true;

} else {

return false;

}

},

//初始化sdk配置

initJssdk: function(callback, url) {

// 签名信息建议 post 请求服务端获取 签名信息

// 微信sdk的

jweixin.config({

debug: false,

appId: "APPID",

timestamp: "timestamp",

nonceStr: "nonceStr",

signature: "signature",

jsApiList: [

'checkJsApi',

'onMenuShareTimeline',

'onMenuShareAppMessage'

]

});

},

//在需要自定义分享的页面中调用

share: function(data, url) {

url = url ? url : window.location.href;

if (!this.isWechat()) {

return;

}

//每次都需要重新初始化配置，才可以进行分享

this.initJssdk(function(signData) {

jweixin.ready(function() {

var shareData = {

title: data && data.title ? data.title : signData.site_name,

desc: data && data.desc ? data.desc : signData.site_description,

link: url,

imgUrl: data && data.img ? data.img : signData.site_logo,

success: function(res) {

//用户点击分享后的回调，这里可以进行统计，例如分享送金币之类的

},

cancel: function(res) {}

};

//分享给朋友接口

jweixin.onMenuShareAppMessage(shareData);

//分享到朋友圈接口

jweixin.onMenuShareTimeline(shareData);

});

}, url);

}

}

使用SDK教程import wechat from './common/wxsdk'

wechat .share({

desc: article.title,

img: article.image

});

如果是UNI 记得条件判断下 是否H5