微信分享代碼示例
1.頁面在需要調(diào)用JS接口的頁面引入微信JS文件(支持https)肚豺,推薦1.4.0棍潘,低版本有些分享接口即將廢棄,具體參考:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
2.切記參與后臺簽名的URL地址一定要與分享頁的URL地址一致娶视,即location.href.split('#')[0]得到的地址叮喳,否者簽名一直通不過,之前在這個上面卡了很久巨柒。具體分享代碼如下(H5無法喚起分享樱拴,只能改變分享的標(biāo)題,描述洋满,圖片等信息):
/**
* http://res.wx.qq.com/open/js/jweixin-1.4.0.js
* 調(diào)用1.4.0版本微信分享
*/
let wxTitle = '分享標(biāo)題'// 分享標(biāo)題
let wxDesc = '分享描述'// 分享描述
let wxImgUrl = 'http://www.baidu.com/1.png'// 分享圖標(biāo)
let wxShareUrl = 'http://www.baidu.com'// 分享鏈接晶乔,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
let ua = window.navigator.userAgent.toLowerCase()
if (ua.indexOf('micromessenger') > 0) {//微信環(huán)境
wx.config({
debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù)牺勾,可以在pc端打開正罢,參數(shù)信息會通過log打出,僅在pc端時才會打印驻民。
appId: 'appid', // 必填腺怯,公眾號的唯一標(biāo)識
timestamp: 'timestamp', // 必填,生成簽名的時間戳
nonceStr: 'nonceStr', // 必填川无,生成簽名的隨機串
signature: 'signature',// 必填呛占,簽名,見附錄1
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData'
]
})
wx.ready(function () {
//分享給朋友
wx.updateAppMessageShareData({
title: wxTitle,
desc: wxDesc,
link: wxShareUrl,
imgUrl: wxImgUrl,
type: 'link', // 分享類型,music懦趋、video或link晾虑,不填默認(rèn)為link
dataUrl: '', // 如果type是music或video,則要提供數(shù)據(jù)鏈接,默認(rèn)為空
success: function () {
// 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
}
})
//分享到朋友圈
wx.updateTimelineShareData({
title: wxTitle,
link: wxShareUrl,
imgUrl: wxImgUrl,
success: function () {
// 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
}
})
})
}