【移動應(yīng)用開發(fā)技術(shù)】小程序如何實現(xiàn)轉(zhuǎn)發(fā)功能

【移動應(yīng)用開發(fā)技術(shù)】小程序如何實現(xiàn)轉(zhuǎn)發(fā)功能

這篇文章主要介紹小程序如何實現(xiàn)轉(zhuǎn)發(fā)功能，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！文章背景：在開發(fā)小程序的過程中，有時我們需要設(shè)計一個“好友代付”的功能。該功能的目的就是通過點擊按鈕，來引導(dǎo)微信用戶轉(zhuǎn)發(fā)此頁面到微信好友或微信群中，讓對方來幫你付款。知識講解首先，開發(fā)前的重要一步就是，閱讀小程序官方文檔——小程序轉(zhuǎn)發(fā)功能對應(yīng)接口梳理講解：1.要擁有轉(zhuǎn)發(fā)功能，必須要在當前頁面的"js"代碼中，定義"onShareAppMessage()"函數(shù)2.要知道轉(zhuǎn)發(fā)功能的使用有兩種方式

#其一是自定義按鈕進行點擊觸發(fā)，

#其二就是點擊右上角菜單的那個“轉(zhuǎn)發(fā)”按鈕3.轉(zhuǎn)發(fā)操作完成后，要進行回調(diào)函數(shù)的處理#一般Toast提示語句即可完整接口代碼解釋：

/**

*

進行頁面分享

*/

onShareAppMessage:

function

(options)

{

if

(options.from

===

'button')

{

//

來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕

console.log(options.target)

}

return

{

//##

此為轉(zhuǎn)發(fā)頁面所顯示的標題

//title:

'好友代付',

//##

此為轉(zhuǎn)發(fā)頁面的描述性文字

desc:

'江湖救急，還請貴人伸手相助啊!',

//##

此為轉(zhuǎn)發(fā)給微信好友或微信群后，對方點擊后進入的頁面鏈接，可以根據(jù)自己的需求添加參數(shù)

path:

'pages/subpayment/firpayment/index?sn='

+

this.data.sn,

//##

轉(zhuǎn)發(fā)操作成功后的回調(diào)函數(shù)，用于對發(fā)起者的提示語句或其他邏輯處理

success:

function(res)

{

//這是我自定義的函數(shù)，可替換自己的操作

util.showToast(1,

'發(fā)送成功');

},

//##

轉(zhuǎn)發(fā)操作失敗/取消

后的回調(diào)處理，一般是個提示語句即可

fail:

function()

{

util.showToast(0,

'朋友代付轉(zhuǎn)發(fā)失敗...');

}

}

},代碼實現(xiàn)操作一.此處，實際展示一下不同轉(zhuǎn)發(fā)方式所打印的options參數(shù)信息首先，在wxml頁面中，設(shè)計一個open-type="share"的按鈕<button

type="warn"

open-type="share"

data-tag="share1"

id="btn_share1">發(fā)送微信給好友</button>那么不同的轉(zhuǎn)發(fā)發(fā)起方式，打印出的options參數(shù)信息如下：建議：1.建議不需要進行轉(zhuǎn)發(fā)操作的頁面

#（比如：個人中心，地址管理，訂單列表等）

就不要定義"onShareAppMessage()"參數(shù)，以減少不必要的用戶操作和后續(xù)狀況處理2.個人推薦使用"Button"引導(dǎo)的轉(zhuǎn)發(fā)方式，如果同一個頁面有多個引導(dǎo)按鈕，可以根據(jù)其"target"中的"id"進行區(qū)分二、實際開發(fā)效果展示通過前面的核心代碼，我實現(xiàn)的效果如下：提示：個人發(fā)現(xiàn)

在微信官方提供的開發(fā)者工具中進行測試時，可以看到自己轉(zhuǎn)發(fā)喚醒時擁有設(shè)置的描述語句(desc)，

但是，我在真機