您好,登錄后才能下訂單哦!
這篇文章主要介紹“微信小程序轉發功能如何實現”,在日常操作中,相信很多人在微信小程序轉發功能如何實現問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”微信小程序轉發功能如何實現”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
小程序轉發功能是小程序最基本的功能,有四種方法可以實現這一效果。
1、Page.onShareAppMessage({})
設置右上角“轉發”配置,及轉發后回調函數返回 shareTicket 票據
2、wx.showSahreMenu()
用戶點擊右上角后,顯示“轉發”按鈕
3、wx.hideShareMenu()
隱藏轉發按鈕,無視 Page.onShareAppMessage({})
4、wx.getShareInfo({})
根據 shareTicket 獲取已加密的群信息
把轉發流程切分:轉發前配置->轉發時->轉發到群組后打開->二次轉發
轉發流程圖:
這里寫圖片描述
U1: 用戶
T1,T2,T3:表示轉發票據,即 shareTicket
G1,G2,G3:群組
1.轉發前配置
在頁面 onLoad 方法添加
1 wx.showShareMenu({
2 withShareTicket: true
3 })
withShareTicket 為 true 時,表示允許轉發時是否攜帶 shareTicket。
shareTicket 是獲取轉發目標群信息的票據,只有擁有 shareTicket 才能拿到群信息,用戶每次轉發都會生成對應唯一的shareTicket 。
shareTicket 有兩個用途:
用戶主動轉發后,獲取轉發到目標群群信息,對應上圖UI。
用戶在群組中打開小程序,獲取群組信息,對應上圖 G1 群組中的用戶。
2.轉發時獲取群信息
當某個小程序被轉發到群組后,開發者想獲取到轉發目標群組信息,將用戶和群組做某種綁定關系(openId + openGid)。
1 onShareAppMessage: function () {
2 return {
3 title: '自定義轉發標題',
4 path: '/page/user?id=123',
5 success: function(res) {
6 var shareTickets = res.shareTickets;
7 if (shareTickets.length == 0) {
8 return false;
9 }
10 wx.getShareInfo({
11 shareTicket: shareTickets[0],
12 success: function(res){
13 var encryptedData = res.encryptedData;
14 var iv = res.iv;
15 }
16 })
17 },
18 fail: function(res) {
19 // 轉發失敗
20 }
21 }
22 }
shareTickets 是一個數組,每一項是一個 shareTicket ,對應一個轉發對象,轉發給用戶不會包含shareTicket。
拿到 shareTicket 之后,使用 wx.getShareInfo({}) 方法傳入 shareTicket 參數,wx.getShareInfo({}) 里回調函數中包含 已加密的群信息和 向量IV。
3.轉發到群組后打開
用戶將小程序轉發到微信群組后,群成員打開小程序,通過 shareTicket,開發者就能將群成員和群組綁定起來(openId + openGid),基于群組關系,小程序有更多的應用場景,例如:王者榮耀群排行,摩拜單車。
1 Page({
2 onLoad: function(opt) {
3 /** 判斷場景值,1044 為轉發場景,包含shareTicket 參數 */
4 if (opt.scene == 1044) {
5 wx.getShareInfo({
6 shareTicket: opt.shareTicket,
7 success: function(res){
8 var encryptedData = res.encryptedData;
9 var iv = res.iv;
10 }
11 })
12 }
13 }
14 })
在群組中打開小程序,頁面onLoad 或 onShow 方法包含 scene 和 shareTicket,需要判斷 scene 是否為1044,如果不是則不包含 opt 中 shareTicket 參數。
4.二次轉發
二次轉發重復前3個步驟,沒什么可說的,但是有一個方向值得探討,可否把小程序轉發路徑比作轉發鏈,進而生成轉發樹,用數據結構方法(樹、馬爾科夫鏈)處理發現群組與群組,群組與成員之間微妙關系。
如開頭那張圖,我們很容易看出轉發鏈和轉發樹。
轉發鏈:U1 > G1 > G2
轉發樹:U1 > G1 > G2 & G3
到此,關于“微信小程序轉發功能如何實現”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。