轉(zhuǎn)發(fā)

2020-02-12 17:27 更新

可以將小程序或其中某個(gè)頁面轉(zhuǎn)發(fā)到微頭條,微頭條用戶可以點(diǎn)擊轉(zhuǎn)發(fā)內(nèi)容中的「小程序卡片」回到小程序


觸發(fā)轉(zhuǎn)發(fā)

按鈕組件

<button open-type="share">轉(zhuǎn)發(fā)到微頭條</button>

設(shè)置按鈕

點(diǎn)擊小程序右上角的「設(shè)置—轉(zhuǎn)發(fā)」按鈕,也會觸發(fā)小程序的轉(zhuǎn)發(fā)


轉(zhuǎn)發(fā)數(shù)據(jù)

當(dāng)轉(zhuǎn)發(fā)動作發(fā)生后,會觸發(fā)當(dāng)前頁面 Page 上定義的 onShareAppMessage 方法,并傳入一個(gè) object 類型參數(shù) options,屬性如下:

屬性類型說明
fromstring觸發(fā)者為 button 組件時(shí),值為 button;觸發(fā)者為設(shè)置按鈕時(shí),值為 menu
targetstring|undefined觸發(fā)者為 button 組件時(shí),值為 button 對象;觸發(fā)者為設(shè)置按鈕時(shí),值為 undefined

開發(fā)者需要在 onShareAppMessage 方法返回需要轉(zhuǎn)發(fā)的內(nèi)容,系統(tǒng)會默認(rèn)傳遞參數(shù),開發(fā)者也可以自定義如下字段:

屬性類型默認(rèn)值說明
titlestring小程序名稱轉(zhuǎn)發(fā)的微頭條中的「小程序卡片」的標(biāo)題
descstring轉(zhuǎn)發(fā)的微頭條中的「小程序卡片」的內(nèi)容
pathstring當(dāng)前小程序頁面絕對路徑轉(zhuǎn)發(fā)的微頭條中的「小程序卡片」點(diǎn)擊時(shí)進(jìn)入小程序的頁面絕對路徑,可以包含參數(shù)
imageUrlstring小程序 icon 地址轉(zhuǎn)發(fā)微頭條中的「小程序卡片」的圖片,支持本地圖片或遠(yuǎn)程圖片
templateIdstring開發(fā)者后臺設(shè)置的分享素材模板 id,詳情見分享素材定義
Page({
  ...
  onShareAppMessage (option) {
    // option.from === 'button'
    return {
      title: '這是要轉(zhuǎn)發(fā)的小程序標(biāo)題',
      desc: '這是默認(rèn)的轉(zhuǎn)發(fā)文案,用戶可以直接發(fā)送,也可以在發(fā)布器內(nèi)修改',
      path: '/pages/index/index?from=sharebuttonabc&otherkey=othervalue', // ?后面的參數(shù)會在轉(zhuǎn)發(fā)頁面打開時(shí)傳入onLoad方法
      imageUrl: 'https://e.com/e.png', // 支持本地或遠(yuǎn)程圖片,默認(rèn)是小程序 icon
      templateId: '這是開發(fā)者后臺設(shè)置的分享素材模板id',
      success () {
        console.log('轉(zhuǎn)發(fā)發(fā)布器已調(diào)起,并不意味著用戶轉(zhuǎn)發(fā)成功,微頭條不提供這個(gè)時(shí)機(jī)的回調(diào)');
      },
      fail () {
        console.log('轉(zhuǎn)發(fā)發(fā)布器調(diào)起失敗');
      }
    }
  },
  onLoad (query) {
    if (query.from === 'sharebuttonabc') {
      // do something...
    }
  }
});


已知問題

  • webview 的轉(zhuǎn)發(fā)暫未支持
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號