1. 程式人生 > >小程式轉發功能(類似於美團紅包轉發功能)的簡單實現

小程式轉發功能(類似於美團紅包轉發功能)的簡單實現

最近轉行做小程式,盲人摸象總算能簡單的搞搞小程式了。這次來介紹下小程式的分享功能。

因為小程式分享出去的卡片不支援開啟另一個小程式,所以退而求其次,點選分享後的卡片,開啟本小程式指定的頁面,類似於美團的紅包或者拼多多等。下面介紹程式碼的實現:

分享操作的頁面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"}的資訊了,這樣就可以將資訊對應到轉發人的名下。