微信小程式從零開始開發步驟(四)自定義分享的功能
阿新 • • 發佈:2019-01-27
上一章節,實現了小程式的底部導航的功能,這一節開始實現一些簡單的功能。本章節介紹的是小程式的自定義分享的功能。
可以分享小程式的任何一個頁面給好友或群聊。注意是分享給好友或群聊,並沒有分享到朋友圈。一方面微信在嘗試流量分發方式,但同時又不願意開放最大的流量入口。
實現步驟很簡單
在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,用於自定義轉發內容