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

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

在頁(yè)面的js文件中定義了 onShareAppMessage 函數(shù)時(shí)，頁(yè)面可以表示改頁(yè)面可以轉(zhuǎn)發(fā)?？梢栽诤瘮?shù)中設(shè)置頁(yè)面轉(zhuǎn)發(fā)的信息。

1. 只有定義了該函數(shù)，小程序右上角的菜單中才會(huì)有轉(zhuǎn)發(fā)按鈕

2. 用戶點(diǎn)擊轉(zhuǎn)發(fā)按鈕的時(shí)候回調(diào)用該函數(shù)

3. 該函數(shù)內(nèi)需要 return 一個(gè) Object，Object中包含轉(zhuǎn)發(fā)的信息（可自定義轉(zhuǎn)發(fā)的內(nèi)容）

頁(yè)面中有可以觸發(fā)轉(zhuǎn)發(fā)時(shí)間的地方有兩個(gè)：

一個(gè)是右上角菜單中的轉(zhuǎn)發(fā)按鈕
另一個(gè)是頁(yè)面中具有屬性open-type且其值為share的button。（注：必須是button組件，其他組件中設(shè)置 open-type="share" 無(wú)效）
即：

<button data-name="shareBtn" open-type="share">轉(zhuǎn)發(fā)</button>

注意：實(shí)際開(kāi)發(fā)中會(huì)發(fā)現(xiàn)這個(gè) button 自帶有樣式，當(dāng)背景顏色設(shè)置為白色的時(shí)候還有一個(gè)黑色的邊框，剛開(kāi)始那個(gè)邊框怎么都去不掉，后來(lái)給button加了一個(gè)樣式屬性 plain="true" 以后，再在樣式文件中控制樣式 button[plain]{ border:0 } ，就可以比較隨便的自定義樣式了，比如說(shuō)將分享按鈕做成一個(gè)圖標(biāo)等

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

onShareAppMessage: function( options ){
  var that = this;
  // 設(shè)置菜單中的轉(zhuǎn)發(fā)按鈕觸發(fā)轉(zhuǎn)發(fā)事件時(shí)的轉(zhuǎn)發(fā)內(nèi)容
  var shareObj = {
    title: "轉(zhuǎn)發(fā)的標(biāo)題",    // 默認(rèn)是小程序的名稱(可以寫(xiě)slogan等)
    path: '/pages/share/share',    // 默認(rèn)是當(dāng)前頁(yè)面，必須是以‘/'開(kāi)頭的完整路徑
    imageUrl: '',   //自定義圖片路徑，可以是本地文件路徑、代碼包文件路徑或者網(wǎng)絡(luò)圖片路徑，支持PNG及JPG，不傳入 imageUrl 則使用默認(rèn)截圖。顯示圖片長(zhǎng)寬比是 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 為詳細(xì)失敗信息
      }
    },
    complete: fucntion(){
      // 轉(zhuǎn)發(fā)結(jié)束之后的回調(diào)（轉(zhuǎn)發(fā)成不成功都會(huì)執(zhí)行）
    }
  };
  // 來(lái)自頁(yè)面內(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)容，你們對(duì)怎么在微信小程序中使用onShareAppMessage(options)實(shí)現(xiàn)分享功能有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

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

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

廣告

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