快捷導(dǎo)航

微信JS-SDK updateAppMessageShareData安卓不能自定義分享詳解

更新時(shí)間：2019年03月29日 11:12:33 作者：飛天猴猴

這篇文章主要介紹了微信JS-SDK updateAppMessageShareData安卓不能自定義分享詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

最近開發(fā)一個(gè)項(xiàng)目時(shí)，有微信H5網(wǎng)頁自定義分享功能，使用了微信JS-SDK的分享到好友和分享到朋友圈功能。

微信開發(fā)文檔這樣寫的

自定義“分享給朋友”及“分享到QQ”按鈕的分享內(nèi)容（1.4.0）

wx.ready(function () {  //需在用戶可能點(diǎn)擊分享按鈕前就先調(diào)用
wx.updateAppMessageShareData({
title: '', // 分享標(biāo)題
desc: '', // 分享描述
link: '', // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
imgUrl: '', // 分享圖標(biāo)
success: function () {
// 設(shè)置成功
}
});

自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分享內(nèi)容（1.4.0）

wx.ready(function () {   //需在用戶可能點(diǎn)擊分享按鈕前就先調(diào)用
wx.updateTimelineShareData({
title: '', // 分享標(biāo)題
link: '', // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
imgUrl: '', // 分享圖標(biāo)
success: function () {
// 設(shè)置成功
}
});

看起來很簡單，直接加入到H5網(wǎng)頁里面了

wx.config({
debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時(shí)才會打印。
appId: '', // 必填，公眾號的唯一標(biāo)識
timestamp: , // 必填，生成簽名的時(shí)間戳
nonceStr: '', // 必填，生成簽名的隨機(jī)串
signature: '',// 必填，簽名
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData'
] // 必填，需要使用的JS接口列表
});

其他參數(shù)參考根據(jù)自己情況填寫，并設(shè)置debug: true

測試環(huán)境：

微信Web開發(fā)者工具，測試接口，ok

蘋果X，查看debug的彈出信息，一切ok；

分享測試，一切ok

大工搞成。咦，等下，好像漏了什么。。。。。。安卓呢？

結(jié)果果然漏了，安卓測試分享朋友圈和發(fā)送給好友，自定義分享功能都無效，僅僅分享為一個(gè)鏈接而已。

這個(gè)問題蘋果手機(jī)好的，安卓不行，并且微信web開發(fā)者工具測試接口都是好的，那問題應(yīng)該不是接口調(diào)用（后臺數(shù)據(jù)都是一樣的），應(yīng)該是和客戶端有關(guān)，但又找不到相關(guān)資料。

百思不得其姐，困惑了好久，各種度娘也沒有找到正確答案。某天突發(fā)奇想，新的接口不行，那舊的接口呢？

于是乎測試開始：

加入兩個(gè)舊分享接口onMenuShareAppMessage和onMenuShareTimeline，然后寫了個(gè)測試方法

jsApiList: [
  'updateAppMessageShareData',
  'updateTimelineShareData',
  'onMenuShareAppMessage', //舊的接口，即將廢棄
  'onMenuShareTimeline' //舊的接口，即將廢棄
]// 必填，需要使用的JS接口列表

獲取“分享給朋友”按鈕點(diǎn)擊狀態(tài)及自定義分享內(nèi)容接口（即將廢棄）

wx.onMenuShareAppMessage({
title: 'test', // 分享標(biāo)題
desc: 'test_desc', // 分享描述
link: 'www.jianshu.com', // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
imgUrl: '', // 分享圖標(biāo)
type: '', // 分享類型,music、video或link，不填默認(rèn)為link
dataUrl: '', // 如果type是music或video，則要提供數(shù)據(jù)鏈接，默認(rèn)為空
success: function () {
// 用戶點(diǎn)擊了分享后執(zhí)行的回調(diào)函數(shù)
}
});

然后隨便寫了個(gè)測試發(fā)現(xiàn)居然成!功!了! 不過自定義分享內(nèi)容還是新接口updateAppMessageShareData定義的。

刪除舊接口定義再測試，發(fā)現(xiàn)僅僅在jsApiList加入舊接口聲明也是可以的！

問題解決，這個(gè)真的是JS-SDK的一個(gè)坑。這篇文章希望能幫助到遇到相似問題的同學(xué)。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: