欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

小程序轉(zhuǎn)發(fā)探索示例

 更新時(shí)間:2019年02月19日 09:14:40   作者:周振超  
這篇文章主要介紹了小程序轉(zhuǎn)發(fā)探索示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

轉(zhuǎn)發(fā)的意義

  • 轉(zhuǎn)發(fā)即是分享,分享帶動(dòng)了事物去中心化,實(shí)現(xiàn)網(wǎng)絡(luò)化,最終走向云處理化
  • 通過微信平臺(tái),轉(zhuǎn)發(fā)即是聊天
  • 流量時(shí)代,轉(zhuǎn)發(fā)即是引流

官方轉(zhuǎn)發(fā)示例

onShareAppMessage(Object)

監(jiān)聽用戶點(diǎn)擊頁面內(nèi)轉(zhuǎn)發(fā)按鈕(<button> 組件 open-type="share")或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為,并自定義轉(zhuǎn)發(fā)內(nèi)容。注意:只有定義了此事件處理函數(shù),右上角菜單才會(huì)顯示“轉(zhuǎn)發(fā)”按鈕

Object 參數(shù)說明:

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

自定義轉(zhuǎn)發(fā)內(nèi)容

Page({
 onShareAppMessage(res) {
  if (res.from === 'button') {
   // 來自頁面內(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)頁面的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ā),從微信消息過來,必然會(huì)觸發(fā)onShow
  • 通過app.onShow回調(diào),獲取場(chǎng)景值
App({
 onShow(res) {
  console.log('app---onShow');
  console.log(res.scene);
  //1044是群聊,1007是私聊
 }
})

wx.onAppShow(function callback)

基礎(chǔ)庫 2.1.2 開始支持,低版本需做兼容處理

監(jiān)聽小程序切前臺(tái)事件。該事件與 App.onShow 的回調(diào)參數(shù)一致

Object res

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

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

注意
部分版本在無referrerInfo的時(shí)候會(huì)返回 undefined,建議使用 options.referrerInfo && options.referrerInfo.appId 進(jìn)行判斷

小程序分享票據(jù)shareTickets

通常開發(fā)者希望轉(zhuǎn)發(fā)出去的小程序被二次打開的時(shí)候能夠獲取到一些信息,例如群的標(biāo)識(shí)?,F(xiàn)在通過調(diào)用 wx.showShareMenu 并且設(shè)置 withShareTicket 為 true ,當(dāng)用戶將小程序轉(zhuǎn)發(fā)到任一群聊之后,此轉(zhuǎn)發(fā)卡片在群聊中被其他用戶打開時(shí),可以在 App.onLaunch 或 App.onShow 獲取到一個(gè) shareTicket。通過調(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也可以用來區(qū)分轉(zhuǎn)發(fā)消息的場(chǎng)景
  • shareTicket主要用來獲取轉(zhuǎn)發(fā)詳情,傳入wx.getShareInfo()中獲取加密數(shù)據(jù),需要后端配合,返回解密數(shù)據(jù)
注意:注意:注意
鑒于官方“分享監(jiān)聽”能力調(diào)整,網(wǎng)上90%的滯后代碼,誤人子弟,在此必須給自己一個(gè)小要求,定期復(fù)讀自己的文章,根據(jù)當(dāng)時(shí)能力水平,提高文章質(zhì)量,修正錯(cuò)誤和滯后信息(吐槽一下度娘已死,沒人打我吧?打我就刪除)

類似如下代碼,現(xiàn)在已不支持回調(diào)

此次調(diào)整可能影響到三種分享功能的用法

第一種:判斷用戶是否分享成功,進(jìn)而給予用戶獎(jiǎng)勵(lì)。

例如:小程序提示用戶“分享到5個(gè)群,可以獲得一張20元的優(yōu)惠券”。

這類誘導(dǎo)用戶分享的行為是我們平臺(tái)所不倡導(dǎo)的,后續(xù)將沒有辦法實(shí)現(xiàn)。

第二種:分享完成后變更當(dāng)前的頁面狀態(tài)

例如:贈(zèng)送禮品場(chǎng)景下,用戶點(diǎn)擊“贈(zèng)送”按鈕,將禮品分享出去,分享成功后,界面展示“等待領(lǐng)取”。

這類場(chǎng)景,我們建議可以適當(dāng)調(diào)整交互方案。例如在分享后繼續(xù)保留“贈(zèng)送”按鈕,但在頁面上提示用戶一個(gè)禮品只能被一人領(lǐng)取,重復(fù)贈(zèng)送無效。

第三種:通過用戶分享之后的 shareTicket 獲取群唯一標(biāo)識(shí) openGId ,以顯示對(duì)應(yīng)群的相關(guān)信息。

例如:通過分享小程序到某個(gè)群里,可以查看該群內(nèi)成員的排行榜。

此次調(diào)整后,用戶分享完成后無法立刻顯示該群的排行榜信息,但仍可在用戶從群消息點(diǎn)擊進(jìn)入小程序時(shí)顯示該群的排行榜信息。

詳情請(qǐng)查看分享監(jiān)聽能力調(diào)整

轉(zhuǎn)發(fā)動(dòng)態(tài)消息

從基礎(chǔ)庫 2.4.0 開始,支持轉(zhuǎn)發(fā)動(dòng)態(tài)消息。動(dòng)態(tài)消息對(duì)比普通消息,有以下特點(diǎn):

  • 消息發(fā)出去之后,開發(fā)者可以通過后臺(tái)接口修改部分消息內(nèi)容
  • 消息有對(duì)應(yīng)的提醒按鈕,用戶點(diǎn)擊提醒按鈕可以訂閱提醒,開發(fā)者可以通過后臺(tái)修改消息狀態(tài)并推送一次提醒消息給訂閱了提醒的用戶

簡要步驟如下

  1. (后端調(diào)用)每條動(dòng)態(tài)消息可以理解為一個(gè)活動(dòng),活動(dòng)發(fā)起前需要通過 createActivityId 接口創(chuàng)建 activity_id后續(xù)轉(zhuǎn)發(fā)動(dòng)態(tài)消息以及更新動(dòng)態(tài)消息都需要傳入這個(gè) activity_id
  2. 通過調(diào)用 wx.updateShareMenu 接口,傳入 isUpdatableMessage: true等參數(shù)
  3. (后端調(diào)用)動(dòng)態(tài)消息發(fā)出去之后,可以通過 setUpdatableMsg 修改消息內(nèi)容

像拼團(tuán)這樣的活動(dòng),可以考慮優(yōu)化成動(dòng)態(tài)消息,需要后端配合,實(shí)戰(zhàn)的時(shí)再補(bǔ)充

總結(jié)

分享監(jiān)聽能力調(diào)整后,對(duì)于分享的騷操作基本在App.onShow中進(jìn)行,相當(dāng)于授權(quán)那樣,必須打開轉(zhuǎn)發(fā)消息才能獲取轉(zhuǎn)發(fā)詳情,這也是符合設(shè)計(jì)準(zhǔn)則的

可以看出,不管是從設(shè)計(jì)準(zhǔn)則,還是用戶隱私,微信都在向著IOS看齊,黑暗法則已過去,我們也該注重規(guī)范和隱私了

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解Javascript?基于長連接的服務(wù)框架問題

    詳解Javascript?基于長連接的服務(wù)框架問題

    本文針對(duì)經(jīng)常使用長連接進(jìn)行消息收發(fā)的應(yīng)答場(chǎng)景,采用 Websocket 長連接作為服務(wù)監(jiān)聽的對(duì)象,模擬了一套類 http 服務(wù)框架,通過實(shí)例代碼介紹了Javascript?基于長連接的服務(wù)框架,需要的朋友可以參考下
    2022-07-07
  • JavaScript 值類型和引用類型的初次研究(推薦)

    JavaScript 值類型和引用類型的初次研究(推薦)

    這篇文章主要介紹了JavaScript 值類型和引用類型的初次研究,需要的朋友可以參考下
    2017-07-07
  • 設(shè)置BFC功能及使用示例詳解

    設(shè)置BFC功能及使用示例詳解

    這篇文章主要為大家介紹了設(shè)置BFC功能及使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • JavaScript隨機(jī)數(shù)的組合問題案例分析

    JavaScript隨機(jī)數(shù)的組合問題案例分析

    這篇文章主要介紹了JavaScript隨機(jī)數(shù)的組合問題,結(jié)合具體案例形式分析了JavaScript隨機(jī)數(shù)的組合問題相關(guān)算法原理、實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下
    2020-05-05
  • JavaScript用Number方法實(shí)現(xiàn)string轉(zhuǎn)int

    JavaScript用Number方法實(shí)現(xiàn)string轉(zhuǎn)int

    parseInt方法在format'00'開頭的數(shù)字時(shí)會(huì)當(dāng)作2進(jìn)制轉(zhuǎn)10進(jìn)制,所以建議string轉(zhuǎn)int最好用Number方法
    2014-05-05
  • JS的Event事件對(duì)象使用方法

    JS的Event事件對(duì)象使用方法

    復(fù)習(xí)下事件,長年用JQ,都給忘了~
    2010-12-12
  • 小程序?qū)崿F(xiàn)商品屬性選擇或規(guī)格選擇

    小程序?qū)崿F(xiàn)商品屬性選擇或規(guī)格選擇

    這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)商品屬性選擇或規(guī)格選擇,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo

    Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo

    這篇文章主要為大家介紹了Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • JavaScript中return false的用法

    JavaScript中return false的用法

    這篇文章主要介紹了JavaScript中return false的用法,在大多數(shù)情況下,為事件處理函數(shù)返回false,可以防止默認(rèn)的事件行為,需要的朋友可以參考下
    2015-03-03
  • 前端判斷對(duì)象為空的6種方法舉例

    前端判斷對(duì)象為空的6種方法舉例

    在前端中可以使用多種方法來判斷一個(gè)對(duì)象是否為空,這篇文章主要給大家介紹了關(guān)于前端判斷對(duì)象為空的6種方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-05-05

最新評(píng)論