微信官方sdk教程

安裝vue 微信sdk 使用NPM安裝，不會(huì)的百度學(xué)npm?install?jweixin-module?--save

創(chuàng)建一個(gè)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?請(qǐng)求服務(wù)端獲取?簽名信息

//?微信sdk的

jweixin.config({

debug:?false,

appId:?"APPID",

timestamp:?"timestamp",

nonceStr:?"nonceStr",

signature:?"signature",

jsApiList:?[

'checkJsApi',

'onMenuShareTimeline',

'onMenuShareAppMessage'

]

});

},

//在需要自定義分享的頁(yè)面中調(diào)用

share:?function(data,?url)?{

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

if?(!this.isWechat())?{

return;

}

//每次都需要重新初始化配置，才可以進(jìn)行分享

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)?{

//用戶點(diǎn)擊分享后的回調(diào)，這里可以進(jìn)行統(tǒng)計(jì)，例如分享送金幣之類的

},

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

總結(jié)

以上是生活随笔為你收集整理的h5微信本地调试 vue_vueh5中使用微信sdk的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。