微信小程序實現帶參分享並消息卡片獲取參數

公司小程序開發已經接近尾聲，功能已在測試，如今有個需求，就是小程序分享功能，並在消息卡片打開後數據依然顯示。

1 小程序分享

小程序分享功能實現有兩種方法

1. onShareAppMessage方法

這種方法用戶須要點擊頁面右上角三個點，下方彈出中選擇發送給朋友

代碼配置在頁面js中

onShareAppMessage: function () {
    return {
      title: this.data.details.title,
      path: 'pages/details/details?jobInfoId=' + this.data.details.jobInfoId,
    };
  },

path後面的就是傳遞的參數，參數與路徑之間使用 ? 分隔，參數鍵與參數值用 = 相連，不一樣參數用 & 分隔；如 'path?key=value&key2=value2'

2. button標籤

這種方式好處是，在頁面上任意地方均可以增長分享，不須要用戶點擊上方三個點

<button plain open-type="share">
  <image src="../../images/share.png"></image>
  <text>我要分享</text>
</button>

頁面增長一個按鈕，按鈕樣式自定義，用戶點擊按鈕後觸發 Page.onShareAppMessage 事件。就是上面第一種方法，傳參同樣

2 獲取分享傳遞的參數

小程序獲取分享傳遞的參數只有一種方式，就是在onLoad方法中接收options，從options獲取分享傳遞的參數

Page({
    onLoad: function(options) {
        console.log(options);
    }
})

沒發佈以前用編輯器，添加編譯模式，模擬羣聊會話中的小程序消息卡片，能夠正確拿到分享傳遞的參數

拿到參數後，便可處理後續邏輯。