一、微信小程序分享監(jiān)聽 Page.onShareAppMesssage()
onShareAppMessage(Object object)
監(jiān)聽用戶點(diǎn)擊頁面內(nèi)轉(zhuǎn)發(fā)按鈕(button?組件?open-type="share"
)或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為,并自定義轉(zhuǎn)發(fā)內(nèi)容。
注意:只有定義了此事件處理函數(shù),右上角菜單才會顯示“轉(zhuǎn)發(fā)”按鈕
參數(shù) Object object:
參數(shù) | 類型 | 說明 | 最低版本 |
---|---|---|---|
from | String | 轉(zhuǎn)發(fā)事件來源。button :頁面內(nèi)轉(zhuǎn)發(fā)按鈕;menu :右上角轉(zhuǎn)發(fā)菜單 |
1.2.4 |
target | Object | 如果?from ?值是?button ,則?target ?是觸發(fā)這次轉(zhuǎn)發(fā)事件的?button ,否則為?undefined
|
1.2.4 |
webViewUrl | String | 頁面中包含web-view組件時(shí),返回當(dāng)前web-view的url | 1.6.4 |
此事件處理函數(shù)需要 return 一個(gè) Object,用于自定義轉(zhuǎn)發(fā)內(nèi)容,返回內(nèi)容如下:
自定義轉(zhuǎn)發(fā)內(nèi)容?基礎(chǔ)庫?2.8.1?起,分享圖支持云圖片。
字段 | 說明 | 默認(rèn)值 | 最低版本 |
---|---|---|---|
title | 轉(zhuǎn)發(fā)標(biāo)題 | 當(dāng)前小程序名稱 | |
path | 轉(zhuǎn)發(fā)路徑 | 當(dāng)前頁面 path ,必須是以 / 開頭的完整路徑 | |
imageUrl | 自定義圖片路徑,可以是本地文件路徑、代碼包文件路徑或者網(wǎng)絡(luò)圖片路徑。支持PNG及JPG。顯示圖片長寬比是 5:4。 | 使用默認(rèn)截圖 | 1.5.0 |
promise | 如果該參數(shù)存在,則以 resolve 結(jié)果為準(zhǔn),如果三秒內(nèi)不 resolve,分享會使用上面?zhèn)魅氲哪J(rèn)參數(shù) |
使用案例1:
/**
* 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
var config = this.data.config;
var url = ''
if (account.isLogin()) {
var user = account.getUserInfo()
url = 'pages/index/index?userid=' + user.id
} else {
url = 'pages/index/index'
}
return {
title: config.shareTitle,
imageUrl: (config.shareImg ? this.data.domain + config.shareImg : ''),
path: url
};
},
使用案例2:
Page({
onShareAppMessage() {
const promise = new Promise(resolve => {
setTimeout(() => {
resolve({
title: '自定義轉(zhuǎn)發(fā)標(biāo)題'
})
}, 2000)
})
return {
title: '自定義轉(zhuǎn)發(fā)標(biāo)題',
path: '/page/user?id=123',
promise
}
}
})
二、微信小程序分享朋友圈監(jiān)聽? Page.onShareTimeline()
onShareTimeline()
監(jiān)聽右上角菜單“分享到朋友圈”按鈕的行為,并自定義分享內(nèi)容。
注意:只有定義了此事件處理函數(shù),右上角菜單才會顯示“分享到朋友圈”按鈕
自定義轉(zhuǎn)發(fā)內(nèi)容
事件處理函數(shù)返回一個(gè) Object,用于自定義分享內(nèi)容,不支持自定義頁面路徑,返回內(nèi)容如下:
字段 | 說明 | 默認(rèn)值 | 最低版本 |
---|---|---|---|
title | 自定義標(biāo)題,即朋友圈列表頁上顯示的標(biāo)題 | 當(dāng)前小程序名稱 | |
query | 自定義頁面路徑中攜帶的參數(shù),如 path?a=1&b=2 的 “?” 后面部分 | 當(dāng)前頁面路徑攜帶的參數(shù) | |
imageUrl | 自定義圖片路徑,可以是本地文件或者網(wǎng)絡(luò)圖片。支持 PNG 及 JPG,顯示圖片長寬比是 1:1。 |
?完整使用案例:
/**
* 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
var config = this.data.config;
var url = ''
if (account.isLogin()) {
var user = account.getUserInfo()
url = 'pages/index/index?userid=' + user.id
} else {
url = 'pages/index/index'
}
return {
title: config.shareTitle,
imageUrl: (config.shareImg ? this.data.domain + config.shareImg : ''),
path: url
};
},
onShareTimeline: function () {
//處理分享朋友圈
var data = this.onShareAppMessage();
if (data.path) {
data.query = data.path.substring(data.path.lastIndexOf('?') + 1);
}
return data;
}
更多:
?微信小程序如何隱藏右上角分享按鈕
?微信小程序如何轉(zhuǎn)發(fā)給朋友?文章來源:http://www.zghlxwxcb.cn/news/detail-767142.html
微信小程序去除默認(rèn)滾動條展示文章來源地址http://www.zghlxwxcb.cn/news/detail-767142.html
到了這里,關(guān)于微信小程序分享、轉(zhuǎn)發(fā)朋友、分享朋友圈使用整理的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!