小程式轉發功能(類似於美團紅包轉發功能)的簡單實現
阿新 • • 發佈:2019-02-18
最近轉行做小程式,盲人摸象總算能簡單的搞搞小程式了。這次來介紹下小程式的分享功能。
因為小程式分享出去的卡片不支援開啟另一個小程式,所以退而求其次,點選分享後的卡片,開啟本小程式指定的頁面,類似於美團的紅包或者拼多多等。下面介紹程式碼的實現:
分享操作的頁面Share頁面,以及點選分享卡片後開啟的Info頁面。
share.wxml裡丟了一個button
<view>
<button open-type='share'>分享給客戶</button>
</view>
注意,這個share自動充填的是Share(工具作者腦子有坑),一定要小寫,別問我為什麼.
share.js裡
// pages/share/share.js Page({ /** * 頁面的初始資料 */ data: { }, onLoad: function() { }, onShareAppMessage: function(res) { if (res.from === 'button') { // 來自頁面內轉發按鈕 console.log(res.target) } return { title: '客戶經理的轉發', path: 'pages/info/info?from=xxx', success:function(res){ console.log(res) } } } })
點選button或者右上角的轉發,就會自動呼叫onShareAppMessage方法,其中title為轉發卡片的標題,path為點選後跳轉的頁面,可以附帶你想要的引數。
點選分享後的卡片,在info.js裡,
Page({
/**
* 頁面的初始資料
*/
data: {
},
/**
* 生命週期函式--監聽頁面載入
*/
onLoad: function (options) {
console.log(options)
},
})
就可以打印出{"from":"xxx"}的資訊了,這樣就可以將資訊對應到轉發人的名下。