小程序自定義分享事件及回調函數

liangdas 發布于2019-08-26 11:55 / 3494人閱讀

摘要：定義函數在頁面的文件中定義函數時，表示該頁面可以進行轉發。顯示圖片長寬比是轉發成功之后的回調轉發失敗之后的回調用戶取消轉發轉發失敗，其中為詳細失敗信息轉發結束之后的回調轉發成不成功都會執行來自頁面內的按鈕的轉發來源于此處可以修改中的內容返回

定義函數

在頁面的js文件中定義 onShareAppMessage 函數時，表示該頁面可以進行轉發。可以在函數中設置頁面轉發的信息。

只有定義了該函數，小程序右上角的菜單中才會有轉發按鈕

用戶點擊轉發按鈕的時候回調用該函數

該函數內需要 return 一個 Object，Object中包含轉發的信息（可自定義轉發的內容）

觸發轉發的位置

頁面中可以觸發轉發的地方有兩個：
　　一個是右上角菜單中的轉發按鈕
　　另一個是頁面中具有屬性open-type且其值為share的button。（注：必須是button組件，其他組件中設置 open-type="share" 無效）
　　即：
　　注意：實際開發中會發現這個 button 自帶有樣式，當背景顏色設置為白色的時候還有一個黑色的邊框，剛開始那個邊框怎么都去不掉，后來給button加了一個樣式屬性 plain="true" 以后，再在樣式文件中控制樣式 button[plain]{ border:0 } ，就可以比較隨便的自定義樣式了，比如說將分享按鈕做成一個圖標等

觸發分享事件函數

onShareAppMessage: function( options ){
　　// 自定義分享內容
　　var shareObj = {
　　　　title: "轉發的標題",        // 小程序的名稱
　　　　path: "/pages/share/share",        // 默認是當前頁面，必須是以‘/’開頭的完整路徑
　　　　imgUrl: "",     //自定義圖片路徑，支持PNG及JPG，不傳入 imageUrl 則使用默認截圖。顯示圖片長寬比是 5:4
　　　　success: function(res){
　　　　　　// 轉發成功之后的回調
　　　　　　if(res.errMsg == "shareAppMessage:ok"){
　　　　　　}
　　　　},
　　　　fail: function(){
　　　　　　// 轉發失敗之后的回調
　　　　　　if(res.errMsg == "shareAppMessage:fail cancel"){
　　　　　　　　// 用戶取消轉發
　　　　　　}else if(res.errMsg == "shareAppMessage:fail"){
　　　　　　　　// 轉發失敗，其中 detail message 為詳細失敗信息
　　　　　　}
　　　　},
　　　　complete: fucntion(){
　　　　　　// 轉發結束之后的回調（轉發成不成功都會執行）
　　　　}
　　};
　　// 來自頁面內的按鈕的轉發
　　if( options.from == "button" ){
　　　　console.log("來源于button");
　　　　// 此處可以修改 shareObj 中的內容
　　　　shareObj.path = "/pages/btnname/btnname?btn_name="+eData.name;
　　}
　　// 返回shareObj
　　return shareObj;
}

云服務器 GPU云服務器公眾號自定義菜單跳轉小程序自定義事件 js 自定義觸發事件自定義函數

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107841.html

玩轉小程序轉發——小程序探索

摘要：轉發的意義轉發即是分享，分享帶動了事物去中心化，實現網絡化，最終走向云處理化通過微信平臺，轉發即是聊天流量時代，轉發即是引流官方轉發示例監聽用戶點擊頁面內轉發按鈕組件或右上角菜單轉發按鈕的行為，并自定義轉發內容。轉發的意義轉發即是分享，分享帶動了事物去中心化，實現網絡化，最終走向云處理化通過微信平臺，轉發即是聊天流量時代，轉發即是引流官方轉發示例 onShareAppMe...

UsherChen 2019-08-23 15:18 評論0 收藏0
微信小程序教學第三章第四節（含視頻）：小程序中級實戰教程：下拉更新、分享、閱讀標識

摘要：下拉更新分享閱讀標識本文配套視頻地址開始前請把分支中的目錄導入微信開發工具這一篇中，我們把列表這塊的剩余功能做完下拉更新分享閱讀標識。下拉更新、分享、閱讀標識本文配套視頻地址：https://v.qq.com/x/page/h0554... 開始前請把 ch3-4 分支中的 code/ 目錄導入微信開發工具這一篇中，我們把列表這塊的剩余功能做完：下拉更新、分享、閱讀標識。 ...

caoym 2019-08-30 13:50 評論0 收藏0
微信小程序教學第三章第四節（含視頻）：小程序中級實戰教程：下拉更新、分享、閱讀標識

摘要：下拉更新分享閱讀標識本文配套視頻地址開始前請把分支中的目錄導入微信開發工具這一篇中，我們把列表這塊的剩余功能做完下拉更新分享閱讀標識。下拉更新、分享、閱讀標識本文配套視頻地址：https://v.qq.com/x/page/h0554... 開始前請把 ch3-4 分支中的 code/ 目錄導入微信開發工具這一篇中，我們把列表這塊的剩余功能做完：下拉更新、分享、閱讀標識。 ...

neroneroffy 2019-08-22 11:13 評論0 收藏0
微信小程序教學第三章第四節（含視頻）：小程序中級實戰教程：下拉更新、分享、閱讀標識

摘要：下拉更新分享閱讀標識本文配套視頻地址開始前請把分支中的目錄導入微信開發工具這一篇中，我們把列表這塊的剩余功能做完下拉更新分享閱讀標識。下拉更新、分享、閱讀標識本文配套視頻地址：https://v.qq.com/x/page/h0554... 開始前請把 ch3-4 分支中的 code/ 目錄導入微信開發工具這一篇中，我們把列表這塊的剩余功能做完：下拉更新、分享、閱讀標識。 ...

chemzqm 2019-08-01 17:52 評論0 收藏0
微信小程序（新）必備知識

摘要：組件化開發小程序在未出現組件之前，要重用的話，只能簡單復制粗暴黏貼組件化開發的優勢可復用代碼分離，可維護更重要定義組件先創建文件夾用于存放組件，然后再創建組件文件夾注意組件的文件名并不是組件名，而頁面文件名是頁面名，組件名是引用時才確定的引組件化開發小程序在未出現組件之前，要重用的話，只能簡單（復制）粗暴（黏貼）組件化開發的優勢： 1、可復用（wxml/wxss/js） 2、代...

mengera88 2019-08-26 12:15 評論0 收藏0