微信小程序 轉(zhuǎn)發(fā)功能的實(shí)現(xiàn)
微信小程序 轉(zhuǎn)發(fā)功能的實(shí)現(xiàn)
1.當(dāng)用戶將小程序轉(zhuǎn)發(fā)到任一群聊之后,可以獲取到此次轉(zhuǎn)發(fā)的 shareTicket
2.此轉(zhuǎn)發(fā)卡片在群聊中被其他用戶打開時(shí),可以在 App.onLaunch() 或 App.onShow 獲取到另一個(gè) shareTicket
3.兩步獲取到的 shareTicket 均可通過 wx.getShareInfo() 接口可以獲取到相同的轉(zhuǎn)發(fā)信息。
onShareAppMessage(options)函數(shù)設(shè)置該頁面的轉(zhuǎn)發(fā)信息。
options參數(shù)說明:
from:轉(zhuǎn)發(fā)事件來源。button:頁面內(nèi)轉(zhuǎn)發(fā)按鈕;menu:右上角轉(zhuǎn)發(fā)菜單;
target:如果 from 值是 button,則 target 是觸發(fā)這次轉(zhuǎn)發(fā)事件的 button,否則為 undefined
自定義字段:
return {
title: '轉(zhuǎn)發(fā)', // 轉(zhuǎn)發(fā)標(biāo)題(默認(rèn):當(dāng)前小程序名稱)
path: '/pages/index/index', // 轉(zhuǎn)發(fā)路徑(當(dāng)前頁面 path ),必須是以 / 開頭的完整路徑
success(e) {
// shareAppMessage: ok,
// shareTickets 數(shù)組,每一項(xiàng)是一個(gè) shareTicket ,對應(yīng)一個(gè)轉(zhuǎn)發(fā)對象
// 需要在頁面onLoad()事件中實(shí)現(xiàn)接口
wx.showShareMenu({
// 要求小程序返回分享目標(biāo)信息
withShareTicket: true
});
},
fail(e) {
// shareAppMessage:fail cancel
// shareAppMessage:fail(detail message)
},
complete() { }
}
wx.showShareMenu(OBJECT) 帶 shareTicket 的轉(zhuǎn)發(fā)。
1.在SDK中與真機(jī)調(diào)試的過程中,都需要設(shè)withShareTicket為true,
2.否則在真機(jī)的調(diào)試過程中,即便選擇了轉(zhuǎn)發(fā)的群聊,也不會(huì)返回shareTicket
onLoad(e) {
wx.showShareMenu({
withShareTicket: true
})
}, onShow(e) {
wx.showShareMenu({
withShareTicket: true
})
},
wx.getShareInfo(OBJECT)獲取轉(zhuǎn)發(fā)詳細(xì)信息
if (res.shareTickets) {
// 獲取轉(zhuǎn)發(fā)詳細(xì)信息
wx.getShareInfo({
shareTicket: res.shareTickets[0],
success(res) {
res.errMsg; // 錯(cuò)誤信息
res.encryptedData; // 解密后為一個(gè) JSON 結(jié)構(gòu)(openGId 群對當(dāng)前小程序的唯一 ID)
res.iv; // 加密算法的初始向量
},
fail() {},
complete() {}
});
}
小程序在群里被打開后,獲取情景值和shareTicket
//app.js
App({
onLaunch: function (ops) {
if (ops.scene == 1044) {
console.log(ops.shareTicket)
}
}
})
Bug & Tip
1.頁面之間的參數(shù)傳遞,需要在onLoad()函數(shù)中接收,onShow()函數(shù)中無法接收。
2.獲取群聊中被打開的小程序的shareTicket,需要在App.onLaunch() 或 App.onShow()。 頁面的生命周期函數(shù)中是獲取不到的。
3.將轉(zhuǎn)發(fā)內(nèi)容至單個(gè)用戶時(shí),是無法獲取到shareTicket 。
以上就是微信小程序 轉(zhuǎn)發(fā)功能 的實(shí)現(xiàn),如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
解析Javascript設(shè)計(jì)模式Revealing?Module?揭示模式單例模式
這篇文章主要為大家解析了Javascript設(shè)計(jì)模式Revealing?Module?揭示模式及Singleton單例模式示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
JS跨域(Access-Control-Allow-Origin)前后端解決方案詳解
這篇文章主要介紹了瀏覽器跨域(Access-Control-Allow-Origin)解決方案詳解包括了前端跨域,后端跨域,js原生實(shí)現(xiàn)jsonp,jQuery實(shí)現(xiàn)jsonp,vue.js實(shí)現(xiàn)jsonp,需要的朋友可以參考下2022-01-01
JavaScript設(shè)計(jì)模式之單例模式應(yīng)用場景案例詳解
這篇文章主要為大家介紹了JavaScript中單例模式的應(yīng)用場景案例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05
微信小程序 實(shí)戰(zhàn)實(shí)例開發(fā)流程詳細(xì)介紹
這篇文章主要介紹了微信小程序 實(shí)戰(zhàn)實(shí)例開發(fā)流程詳細(xì)介紹的相關(guān)資料,這里主要介紹微信小程序的開發(fā)流程和簡單實(shí)例,需要的朋友可以參考下2017-01-01
前端canvas中物體邊框和控制點(diǎn)的實(shí)現(xiàn)示例
這篇文章主要為大家介紹了前端canvas中物體邊框和控制點(diǎn)的實(shí)現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
Nest.js 之依賴注入原理及實(shí)現(xiàn)過程詳解
這篇文章主要為大家介紹了Nest.js 之依賴注入原理及實(shí)現(xiàn)過程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01

