1. 程式人生 > >微信小程式從零開始開發步驟(四)自定義分享的功能

微信小程式從零開始開發步驟(四)自定義分享的功能

上一章節,實現了小程式的底部導航的功能,這一節開始實現一些簡單的功能。本章節介紹的是小程式的自定義分享的功能。

可以分享小程式的任何一個頁面給好友或群聊。注意是分享給好友或群聊,並沒有分享到朋友圈。一方面微信在嘗試流量分發方式,但同時又不願意開放最大的流量入口。

實現步驟很簡單

在index/index.js裡面添加了一段自定義分享的程式碼如下, path: '/page/index?id=123',實現了index首頁頁面的分享功能

示例程式碼:
Page({
 
  onShareAppMessage: function () {
 
    return {
 
      title: '自定義分享標題',
 
      desc: '自定義分享描述',
 
      path: '/page/index?id=123'
 
    }
 
  }
 
})

解釋一下意思:

Page()中加上如下程式碼後在右上角意思
title:分享的標題.
desc:分享一段描述.
path:這個引數以前在微信中的分享一般都是url.這裡pages/index?id=123是在首頁頁面設定分享的意思。

下一章:微信小程式從零開始開發步驟(五)簡單的輪播圖

原理:

在 Page 中定義 onShareAppMessage 函式,設定該頁面的轉發資訊。

1:只有定義了此事件處理函式,右上角選單才會顯示 “轉發” 按鈕:
2:使用者點選轉發按鈕的時候會呼叫:
3:此事件需要 return 一個 Object,用於自定義轉發內容