微信小程序提供了onShareAppMessage方法，專(zhuān)門(mén)用來(lái)監(jiān)聽(tīng)用戶點(diǎn)擊頁(yè)面內(nèi)轉(zhuǎn)發(fā)按鈕（button 組件 open-type="share"）或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為，并自定義轉(zhuǎn)發(fā)內(nèi)容。
> 注意：只有定義了此事件處理函數(shù)，右上角菜單才會(huì)顯示“轉(zhuǎn)發(fā)”按鈕
| 參數(shù) | 類(lèi)型 | 說(shuō)明 | 最低版本 |
|---|---|---|---|
| from | String | 轉(zhuǎn)發(fā)事件來(lái)源。?button：頁(yè)面內(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 | 頁(yè)面中包含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ǔ)庫(kù)?2.8.1?起，分享圖支持云圖片。
| 字段 | 說(shuō)明 | 默認(rèn)值 | 最低版本 |
|---|---|---|---|
| title | 轉(zhuǎn)發(fā)標(biāo)題 | 當(dāng)前小程序名稱 | |
| path | 轉(zhuǎn)發(fā)路徑 | 當(dāng)前頁(yè)面 path ，必須是以 / 開(kāi)頭的完整路徑 | |
| imageUrl | 自定義圖片路徑，可以是本地文件路徑、代碼包文件路徑或者網(wǎng)絡(luò)圖片路徑。支持PNG及JPG。顯示圖片長(zhǎng)寬比是 5:4。 | 使用默認(rèn)截圖 | 1.5.0 |
| promise | 如果該參數(shù)存在，則以 resolve 結(jié)果為準(zhǔn)，如果三秒內(nèi)不 resolve，分享會(huì)使用上面?zhèn)魅氲哪J(rèn)參數(shù) | 2.12.0 |
示例代碼
PS：卡片圖片imageUrl可以是本地的，也可以服務(wù)器上傳的url
onShareAppMessage() {
return {
title: '分享出去的卡片標(biāo)題',
path: '/index/index?id=123',
imageUrl: '/img/bg.jpg'
}
}
如果要禁止當(dāng)前頁(yè)面的小程序卡片分享，則可以在onLoad中通過(guò)以下方式：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-637422.html
wx.hideShareMenu()文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-637422.html
到了這里，關(guān)于微信小程序如何自定義分享卡片文案和圖片的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
