小程序轉(zhuǎn)發(fā)探索示例
轉(zhuǎn)發(fā)的意義
- 轉(zhuǎn)發(fā)即是分享,分享帶動(dòng)了事物去中心化,實(shí)現(xiàn)網(wǎng)絡(luò)化,最終走向云處理化
- 通過(guò)微信平臺(tái),轉(zhuǎn)發(fā)即是聊天
- 流量時(shí)代,轉(zhuǎn)發(fā)即是引流
官方轉(zhuǎn)發(fā)示例
onShareAppMessage(Object)
監(jiān)聽(tīng)用戶點(diǎn)擊頁(yè)面內(nèi)轉(zhuǎn)發(fā)按鈕(<button> 組件 open-type="share")或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為,并自定義轉(zhuǎn)發(fā)內(nèi)容。注意:只有定義了此事件處理函數(shù),右上角菜單才會(huì)顯示“轉(zhuǎn)發(fā)”按鈕
Object 參數(shù)說(shuō)明:

此事件需要 return 一個(gè) Object,用于自定義轉(zhuǎn)發(fā)內(nèi)容,返回內(nèi)容如下:
自定義轉(zhuǎn)發(fā)內(nèi)容

Page({
onShareAppMessage(res) {
if (res.from === 'button') {
// 來(lái)自頁(yè)面內(nèi)轉(zhuǎn)發(fā)按鈕
console.log(res.target)
}
return {
title: '自定義轉(zhuǎn)發(fā)標(biāo)題',
path: '/page/user?id=123'
}
}
})
常規(guī)轉(zhuǎn)發(fā),只需上面示例即可
- 在onShareAppMessage中定義轉(zhuǎn)發(fā)內(nèi)容和必要參數(shù),如?id=123
- 在相應(yīng)頁(yè)面的onLoad(Object query)中可以獲取
根據(jù)場(chǎng)景值區(qū)分
- 對(duì)于小程序,可以在 App 的 onLaunch 和 onShow,或wx.getLaunchOptionsSync 中獲取場(chǎng)景值
- 由于onLaunch全局只觸發(fā)一次和熱啟動(dòng)的原因,在onShow中獲取、設(shè)置相關(guān)參數(shù)比較合理,尤其是轉(zhuǎn)發(fā),從微信消息過(guò)來(lái),必然會(huì)觸發(fā)onShow
- 通過(guò)app.onShow回調(diào),獲取場(chǎng)景值
App({
onShow(res) {
console.log('app---onShow');
console.log(res.scene);
//1044是群聊,1007是私聊
}
})
wx.onAppShow(function callback)
基礎(chǔ)庫(kù) 2.1.2 開(kāi)始支持,低版本需做兼容處理
監(jiān)聽(tīng)小程序切前臺(tái)事件。該事件與 App.onShow 的回調(diào)參數(shù)一致
Object res

referrerInfo 的結(jié)構(gòu)

返回有效 referrerInfo 的場(chǎng)景

注意
部分版本在無(wú)referrerInfo的時(shí)候會(huì)返回 undefined,建議使用 options.referrerInfo && options.referrerInfo.appId 進(jìn)行判斷
小程序分享票據(jù)shareTickets
通常開(kāi)發(fā)者希望轉(zhuǎn)發(fā)出去的小程序被二次打開(kāi)的時(shí)候能夠獲取到一些信息,例如群的標(biāo)識(shí)?,F(xiàn)在通過(guò)調(diào)用 wx.showShareMenu 并且設(shè)置 withShareTicket 為 true ,當(dāng)用戶將小程序轉(zhuǎn)發(fā)到任一群聊之后,此轉(zhuǎn)發(fā)卡片在群聊中被其他用戶打開(kāi)時(shí),可以在 App.onLaunch 或 App.onShow 獲取到一個(gè) shareTicket。通過(guò)調(diào)用 wx.getShareInfo() 接口傳入此 shareTicket 可以獲取到轉(zhuǎn)發(fā)信息。
- 和場(chǎng)景值scene一樣,shareTicket也是在App.onShow中獲取比較合理
- 必須在分享前調(diào)用wx.showShareMenu方法,否則不會(huì)帶分享票據(jù)
//分享前share.js
Page({
onLoad: function () {
wx.showShareMenu({
withShareTicket: true
})
}
})
//分享后app.js
App({
onShow(res) {
console.log('app---onShow');
console.log(res.shareTicket);
}
})
- 只有分享到任一群聊,shareTicket才會(huì)有值,否則是undefined
- shareTicket也可以用來(lái)區(qū)分轉(zhuǎn)發(fā)消息的場(chǎng)景
- shareTicket主要用來(lái)獲取轉(zhuǎn)發(fā)詳情,傳入wx.getShareInfo()中獲取加密數(shù)據(jù),需要后端配合,返回解密數(shù)據(jù)
注意:注意:注意
鑒于官方“分享監(jiān)聽(tīng)”能力調(diào)整,網(wǎng)上90%的滯后代碼,誤人子弟,在此必須給自己一個(gè)小要求,定期復(fù)讀自己的文章,根據(jù)當(dāng)時(shí)能力水平,提高文章質(zhì)量,修正錯(cuò)誤和滯后信息(吐槽一下度娘已死,沒(méi)人打我吧?打我就刪除)
類似如下代碼,現(xiàn)在已不支持回調(diào)

此次調(diào)整可能影響到三種分享功能的用法
第一種:判斷用戶是否分享成功,進(jìn)而給予用戶獎(jiǎng)勵(lì)。
例如:小程序提示用戶“分享到5個(gè)群,可以獲得一張20元的優(yōu)惠券”。
這類誘導(dǎo)用戶分享的行為是我們平臺(tái)所不倡導(dǎo)的,后續(xù)將沒(méi)有辦法實(shí)現(xiàn)。
第二種:分享完成后變更當(dāng)前的頁(yè)面狀態(tài)
例如:贈(zèng)送禮品場(chǎng)景下,用戶點(diǎn)擊“贈(zèng)送”按鈕,將禮品分享出去,分享成功后,界面展示“等待領(lǐng)取”。
這類場(chǎng)景,我們建議可以適當(dāng)調(diào)整交互方案。例如在分享后繼續(xù)保留“贈(zèng)送”按鈕,但在頁(yè)面上提示用戶一個(gè)禮品只能被一人領(lǐng)取,重復(fù)贈(zèng)送無(wú)效。
第三種:通過(guò)用戶分享之后的 shareTicket 獲取群唯一標(biāo)識(shí) openGId ,以顯示對(duì)應(yīng)群的相關(guān)信息。
例如:通過(guò)分享小程序到某個(gè)群里,可以查看該群內(nèi)成員的排行榜。
此次調(diào)整后,用戶分享完成后無(wú)法立刻顯示該群的排行榜信息,但仍可在用戶從群消息點(diǎn)擊進(jìn)入小程序時(shí)顯示該群的排行榜信息。
詳情請(qǐng)查看分享監(jiān)聽(tīng)能力調(diào)整
轉(zhuǎn)發(fā)動(dòng)態(tài)消息
從基礎(chǔ)庫(kù) 2.4.0 開(kāi)始,支持轉(zhuǎn)發(fā)動(dòng)態(tài)消息。動(dòng)態(tài)消息對(duì)比普通消息,有以下特點(diǎn):
- 消息發(fā)出去之后,開(kāi)發(fā)者可以通過(guò)后臺(tái)接口修改部分消息內(nèi)容
- 消息有對(duì)應(yīng)的提醒按鈕,用戶點(diǎn)擊提醒按鈕可以訂閱提醒,開(kāi)發(fā)者可以通過(guò)后臺(tái)修改消息狀態(tài)并推送一次提醒消息給訂閱了提醒的用戶
簡(jiǎn)要步驟如下
- (后端調(diào)用)每條動(dòng)態(tài)消息可以理解為一個(gè)活動(dòng),活動(dòng)發(fā)起前需要通過(guò) createActivityId 接口創(chuàng)建 activity_id后續(xù)轉(zhuǎn)發(fā)動(dòng)態(tài)消息以及更新動(dòng)態(tài)消息都需要傳入這個(gè) activity_id
- 通過(guò)調(diào)用 wx.updateShareMenu 接口,傳入 isUpdatableMessage: true等參數(shù)
- (后端調(diào)用)動(dòng)態(tài)消息發(fā)出去之后,可以通過(guò) setUpdatableMsg 修改消息內(nèi)容
像拼團(tuán)這樣的活動(dòng),可以考慮優(yōu)化成動(dòng)態(tài)消息,需要后端配合,實(shí)戰(zhàn)的時(shí)再補(bǔ)充
總結(jié)
分享監(jiān)聽(tīng)能力調(diào)整后,對(duì)于分享的騷操作基本在App.onShow中進(jìn)行,相當(dāng)于授權(quán)那樣,必須打開(kāi)轉(zhuǎn)發(fā)消息才能獲取轉(zhuǎn)發(fā)詳情,這也是符合設(shè)計(jì)準(zhǔn)則的
可以看出,不管是從設(shè)計(jì)準(zhǔn)則,還是用戶隱私,微信都在向著IOS看齊,黑暗法則已過(guò)去,我們也該注重規(guī)范和隱私了
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
淺談JS使用[ ]來(lái)訪問(wèn)對(duì)象屬性
下面小編就為大家?guī)?lái)一篇淺談JS使用[ ]來(lái)訪問(wèn)對(duì)象屬性。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
微信小程序阻止頁(yè)面返回實(shí)例詳解(包滑動(dòng)、自動(dòng)返回鍵)
小程序如果在頁(yè)面內(nèi)進(jìn)行復(fù)雜的界面設(shè)計(jì),用戶進(jìn)行返回操作會(huì)直接離開(kāi)當(dāng)前頁(yè)面,不符合用戶預(yù)期,下面這篇文章主要給大家介紹了關(guān)于微信小程序阻止頁(yè)面返回(包滑動(dòng)、自動(dòng)返回鍵)的相關(guān)資料,需要的朋友可以參考下2023-06-06
httpclient模擬登陸具體實(shí)現(xiàn)(使用js設(shè)置cookie)
最簡(jiǎn)單的方法就是通過(guò)得到的cookie定制一個(gè)httpclient,感興趣的朋友可以了解下本文2013-12-12
概述如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的瀏覽器端js模塊加載器
本文主要對(duì)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的js加載器的步驟進(jìn)行介紹--主要可以分為解析路徑、下載模塊、解析模塊依賴、解析模塊四個(gè)步驟。需要的朋友來(lái)看下吧2016-12-12
JavaScript中Async/Await通過(guò)同步的方式實(shí)現(xiàn)異步的方法介紹
在JavaScript的異步編程中,我們經(jīng)常使用回調(diào)函數(shù)、Promise和 Async/Await來(lái)解決異步操作的問(wèn)題,Async/Await 又是Promise的語(yǔ)法糖,它的出現(xiàn)讓異步編程變得更加直觀和易于理解,本文將詳細(xì)講解Async/Await如何通過(guò)同步的方式實(shí)現(xiàn)異步2023-06-06
JavaScript手寫一個(gè)前端存儲(chǔ)工具庫(kù)
在項(xiàng)目開(kāi)發(fā)的過(guò)程中,為了減少提高性能,減少請(qǐng)求,開(kāi)發(fā)者往往需要將一些不易改變的數(shù)據(jù)放入本地緩存中。本文就來(lái)用JavaScript手寫一個(gè)前端存儲(chǔ)工具庫(kù),希望對(duì)大家有所幫助2023-02-02
微信小程序?qū)崿F(xiàn)tabbar凹凸圓選中動(dòng)畫效果實(shí)例
小程序日益增多的情況下,UI風(fēng)格顯得越來(lái)越重要,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)tabbar凹凸圓選中動(dòng)畫效果的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09

