今天簡單地說下微信小程序的轉(zhuǎn)發(fā)功能，為什么要簡單的說下呢，因為主要講的就是轉(zhuǎn)發(fā)給好友或者群組，還有一種是分享到朋友圈，這種就比較復(fù)雜一點了，先稍微透漏一點，分享到朋友圈主要是兩種方法，一種是后臺直接生成海報圖，一種是前端通過canvas生成海報。
以后有機會再詳細說，好了，言歸正傳繼續(xù)說我們的轉(zhuǎn)發(fā)好友。
首先介紹一個微信小程序的API：
onShareAppMessage(options)在 Page 中定義 onShareAppMessage 函數(shù)，設(shè)置該頁面的轉(zhuǎn)發(fā)信息。
只有定義了此事件處理函數(shù)，右上角菜單才會顯示 “轉(zhuǎn)發(fā)” 按鈕用戶點擊轉(zhuǎn)發(fā)按鈕的時候會調(diào)用此事件需要 return 一個 Object，用于自定義轉(zhuǎn)發(fā)內(nèi)容options 參數(shù)說明參數(shù)類型說明最低版本fromString轉(zhuǎn)發(fā)事件來源。
button：
頁面內(nèi)轉(zhuǎn)發(fā)按鈕；menu：
右上角轉(zhuǎn)發(fā)菜單1.2.4targetObject如果 from 值是 button，則 target 是觸發(fā)這次轉(zhuǎn)發(fā)事件的 button，否則為 undefined1.2.4自定義轉(zhuǎn)發(fā)字段字段說明默認值最低版本title轉(zhuǎn)發(fā)標題當(dāng)前小程序名稱path轉(zhuǎn)發(fā)路徑當(dāng)前頁面 path ，必須是以 / 開頭的完整路徑imageUrl自定義圖片路徑，可以是本地文件路徑、代碼包文件路徑或者網(wǎng)絡(luò)圖片路徑，支持PNG及JPG，不傳入 imageUrl 則使用默認截圖。
顯示圖片長寬比是 5:41.5.0success轉(zhuǎn)發(fā)成功的回調(diào)函數(shù)1.1.0fail轉(zhuǎn)發(fā)失敗的回調(diào)函數(shù)1.1.0complete轉(zhuǎn)發(fā)結(jié)束的回調(diào)函數(shù)（轉(zhuǎn)發(fā)成功、失敗都會執(zhí)行1.1.0還有一個值那就是shareTickets他是轉(zhuǎn)發(fā)成功返回的，并且是個數(shù)組，每一項是一個 shareTicket ，對應(yīng)一個轉(zhuǎn)發(fā)對象API先說到這，接下來就是轉(zhuǎn)發(fā)的實現(xiàn)先看圖：
首先要在onLoad中配置wx.showShareMenu onLoad: function (e) {
wx.showShareMenu({
// 要求小程序返回分享目標信息 withShareTicket: true }
);
}
,然后再配置onShareAppMessage/* 轉(zhuǎn)發(fā)*/ onShareAppMessage: function (ops) {
if (ops.from === '
button'
) {
// 來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕 console.log(ops.target) }
return {
title: '
轉(zhuǎn)發(fā)dom'
, path: `pages/index/index`, success: function (res) {
// 轉(zhuǎn)發(fā)成功 console.log("轉(zhuǎn)發(fā)成功:" + JSON.stringify(res));
var shareTickets = res.shareTickets;
// if (shareTickets.length == 0) {
// return false;
// }
// //可以獲取群組信息 // wx.getShareInfo({
// shareTicket: shareTickets[0], // success: function (res) {
// console.log(res) // }
// }
) }
, fail: function (res) {
// 轉(zhuǎn)發(fā)失敗 console.log("轉(zhuǎn)發(fā)失敗:" + JSON.stringify(res));
}
}
}
,我解釋一下wx.getShareInfo這個可以獲取到獲取轉(zhuǎn)發(fā)詳細信息完整js代碼就是//index.js //獲取應(yīng)用實例 const app = getApp() Page({
data: {
motto: '
Hello World'
, }
, onLoad: function (e) {
wx.showShareMenu({
// 要求小程序返回分享目標信息 withShareTicket: true }
);
}
, /* 轉(zhuǎn)發(fā)*/ onShareAppMessage: function (ops) {
if (ops.from === '
button'
) {
// 來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕 console.log(ops.target) }
return {
title: '
轉(zhuǎn)發(fā)dom'
, path: `pages/index/index`, success: function (res) {
// 轉(zhuǎn)發(fā)成功 console.log("轉(zhuǎn)發(fā)成功:" + JSON.stringify(res));
var shareTickets = res.shareTickets;
// if (shareTickets.length == 0) {
// return false;
// }
// //可以獲取群組信息 // wx.getShareInfo({
// shareTicket: shareTickets[0], // success: function (res) {
// console.log(res) // }
// }
) }
, fail: function (res) {
// 轉(zhuǎn)發(fā)失敗 console.log("轉(zhuǎn)發(fā)失敗:" + JSON.stringify(res));
}
}
}
, }
)聰明的同學(xué)就該知道接下來該是wxml代碼分享好友 {
{
motto}
}
友情提示一下如果點擊按鈕分享的話，button一定要設(shè)置open-type="share"否則不起作用。
如果覺得文章還不錯并對你有幫助的話，請分享給你的小伙伴，并點贊，有什么不懂得可以在底下留言哦。
推薦教程：
《微信小程序》以上就是微信小程序轉(zhuǎn)發(fā)好友的功能的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標簽：
微信小程序 前端 JavaScript本文轉(zhuǎn)載于：
掘金社區(qū)，如有侵犯，請聯(lián)系[email protected]刪除
上一篇：
微信小程序省市聯(lián)動功能
下一篇：
在微信小程序中用戶登錄和登錄狀態(tài)維護相關(guān)文章相關(guān)視頻微信小程序自動跳出來怎么解決？用mpvue開發(fā)微信小程序基礎(chǔ)知識記一次微信小程序在安卓手機上的白屏問題新手必備的微信小程序開發(fā)指南微信小程序轉(zhuǎn)發(fā)好友的功能深入了解微信小程序(二)深入了解微信小程序(三)深入了解微信小程序(四) [溫州做小程序]