今天就跟大家聊聊有關(guān)怎么在微信小程序中使用onShareAppMessage(options)實現(xiàn)分享功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

目前創(chuàng)新互聯(lián)建站已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站運營、企業(yè)網(wǎng)站設(shè)計、新源網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

在頁面的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 自帶有樣式，當(dāng)背景顏色設(shè)置為白色的時候還有一個黑色的邊框，剛開始那個邊框怎么都去不掉，后來給button加了一個樣式屬性 plain="true" 以后，再在樣式文件中控制樣式 button[plain]{ border:0 } ，就可以比較隨便的自定義樣式了，比如說將分享按鈕做成一個圖標(biāo)等

觸發(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ā)的標(biāo)題",    // 默認是小程序的名稱(可以寫slogan等)
    path: '/pages/share/share',    // 默認是當(dāng)前頁面，必須是以‘/'開頭的完整路徑
    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;
}

看完上述內(nèi)容，你們對怎么在微信小程序中使用onShareAppMessage(options)實現(xiàn)分享功能有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享標(biāo)題：怎么在微信小程序中使用onShareAppMessage(options)實現(xiàn)分享功能
URL鏈接：http://www.chinadenli.net/article46/jdjihg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、搜索引擎優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、Google、網(wǎng)站收錄、網(wǎng)站設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)