title: wechat-小程式-分享
categories: Wechat
tags: [wechat, 分享, 小程式]
date: 2018-10-29 14:13:18
comments: false

參考文件

• 獲取更多轉發資訊 - https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html

• onShareAppMessage - https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#onshareappmessageobject

觸發分享的兩種方式

1. 右上角選單

   

2. 頁面 自定義按鈕

   只需要在 button 標籤中加入 open-type="share"

   <view class="btn-area">
       <button type="primary" open-type="share">分享</button>
   </view>
   

這兩種方式都會觸犯分享, 並呼叫 Page.onShareAppMessage 方法

分享傳遞引數

1. onShareAppMessage 定義相關引數

     onShareAppMessage:
    
    function (options) {
       if (options.from === 'button') {
         // 來自 頁面自定義按鈕, 可以獲取到按鈕相關引數
         console.log(options.target)
       }
       return {
         title: '--- aaa: 自定義轉發標題',
         imageUrl: 'http://p7kuppz6y.bkt.clouddn.com/testShare.jpg', // 分享圖(比例是 5:4), 不定義的話預設使用當前介面的截圖.
         path: '/pages/show/show?id=123&name=hello'
    
   , // 分享出去後, 別人點選後跳轉的頁面及相關引數傳遞過去. 這裡只能使用絕對路徑.
         success: (res) => {
           console.log("--- success, res:", res)
         },
         fail: (res) => {
           console.log("--- fail, res:", res)
         }
       }
     },
   

2. 測試

   a用 戶分享給 b使用者, b使用者點選後會 直接跳轉到 /pages/show/show 介面 並在 Page.onLoad 方法中可以獲取到引數 id 和 name

   onLoad: function (options) {
       gLog("--- show onLoad", options)
   },