小程序的分享 onShareAppMessage(options)

在頁面的js文件中定義了 onShareAppMessage 函數(shù)時糯钙,頁面可以表示改頁面可以轉(zhuǎn)發(fā)彪置。可以在函數(shù)中設(shè)置頁面轉(zhuǎn)發(fā)的信息含思。

  1. 只有定義了該函數(shù),小程序右上角的菜單中才會有轉(zhuǎn)發(fā)按鈕
  2. 用戶點擊轉(zhuǎn)發(fā)按鈕的時候回調(diào)用該函數(shù)
  3. 該函數(shù)內(nèi)需要 return 一個 Object甘晤,Object中包含轉(zhuǎn)發(fā)的信息(可自定義轉(zhuǎn)發(fā)的內(nèi)容)

頁面中有可以觸發(fā)轉(zhuǎn)發(fā)時間的地方有兩個:
  一個是右上角菜單中的轉(zhuǎn)發(fā)按鈕
  另一個是頁面中具有屬性open-type且其值為share的button含潘。(注:必須是button組件,其他組件中設(shè)置 open-type="share" 無效)
  即:<button data-name="shareBtn" open-type="share">轉(zhuǎn)發(fā)</button>
  注意:實際開發(fā)中會發(fā)現(xiàn)這個 button 自帶有樣式线婚,當背景顏色設(shè)置為白色的時候還有一個黑色的邊框遏弱,剛開始那個邊框怎么都去不掉,后來給button加了一個樣式屬性 plain="true" 以后塞弊,再在樣式文件中控制樣式 button[plain]{ border:0 } 漱逸,就可以比較隨便的自定義樣式了,比如說將分享按鈕做成一個圖標等

觸發(fā)分享事件后調(diào)用的函數(shù):

onShareAppMessage: function( options ){
  var that = this;
  // 設(shè)置菜單中的轉(zhuǎn)發(fā)按鈕觸發(fā)轉(zhuǎn)發(fā)事件時的轉(zhuǎn)發(fā)內(nèi)容
  var shareObj = {
    title: "轉(zhuǎn)發(fā)的標題",        // 默認是小程序的名稱(可以寫slogan等)
    path: '/pages/share/share',        // 默認是當前頁面游沿,必須是以‘/’開頭的完整路徑
    imageUrl: '',     //自定義圖片路徑饰抒,可以是本地文件路徑、代碼包文件路徑或者網(wǎng)絡(luò)圖片路徑诀黍,支持PNG及JPG袋坑,不傳入 imageUrl 則使用默認截圖。顯示圖片長寬比是 5:4
    success: function(res){
      // 轉(zhuǎn)發(fā)成功之后的回調(diào)
      if(res.errMsg == 'shareAppMessage:ok'){
      }
    },
    fail: function(){
      // 轉(zhuǎn)發(fā)失敗之后的回調(diào)
      if(res.errMsg == 'shareAppMessage:fail cancel'){
        // 用戶取消轉(zhuǎn)發(fā)
      }else if(res.errMsg == 'shareAppMessage:fail'){
        // 轉(zhuǎn)發(fā)失敗眯勾,其中 detail message 為詳細失敗信息
      }
    },
    complete: fucntion(){
      // 轉(zhuǎn)發(fā)結(jié)束之后的回調(diào)(轉(zhuǎn)發(fā)成不成功都會執(zhí)行)
    }
  };
  // 來自頁面內(nèi)的按鈕的轉(zhuǎn)發(fā)
  if( options.from == 'button' ){
    var eData = options.target.dataset;
    console.log( eData.name );     // shareBtn
    // 此處可以修改 shareObj 中的內(nèi)容
    shareObj.path = '/pages/btnname/btnname?btn_name='+eData.name;
  }
  // 返回shareObj
  return shareObj;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末枣宫,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子吃环,更是在濱河造成了極大的恐慌也颤,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件郁轻,死亡現(xiàn)場離奇詭異翅娶,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門故觅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來厂庇,“玉大人渠啊,你說我怎么就攤上這事输吏。” “怎么了替蛉?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵贯溅,是天一觀的道長。 經(jīng)常有香客問我躲查,道長它浅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任镣煮,我火速辦了婚禮姐霍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘典唇。我一直安慰自己镊折,他們只是感情好,可當我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布介衔。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪兑牡。 梳的紋絲不亂的頭發(fā)上来农,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天,我揣著相機與錄音乘盼,去河邊找鬼升熊。 笑死,一個胖子當著我的面吹牛绸栅,可吹牛的內(nèi)容都是我干的级野。 我是一名探鬼主播,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼阴幌,長吁一口氣:“原來是場噩夢啊……” “哼勺阐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起矛双,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤渊抽,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后议忽,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體懒闷,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了愤估。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帮辟。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖玩焰,靈堂內(nèi)的尸體忽然破棺而出由驹,到底是詐尸還是另有隱情,我是刑警寧澤昔园,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布蔓榄,位于F島的核電站,受9級特大地震影響默刚,放射性物質(zhì)發(fā)生泄漏甥郑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一荤西、第九天 我趴在偏房一處隱蔽的房頂上張望澜搅。 院中可真熱鬧,春花似錦邪锌、人聲如沸勉躺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽赂蕴。三九已至,卻和暖如春舶胀,著一層夾襖步出監(jiān)牢的瞬間概说,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工嚣伐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留糖赔,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓轩端,卻偏偏與公主長得像放典,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子基茵,可洞房花燭夜當晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容