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

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

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

轉發(fā)的意義

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

官方轉發(fā)示例

onShareAppMessage(Object)

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

Object 參數(shù)說明:

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

自定義轉發(fā)內容

Page({
 onShareAppMessage(res) {
  if (res.from === 'button') {
   // 來自頁面內轉發(fā)按鈕
   console.log(res.target)
  }
  return {
   title: '自定義轉發(fā)標題',
   path: '/page/user?id=123'
  }
 }
})

常規(guī)轉發(fā),只需上面示例即可

  • 在onShareAppMessage中定義轉發(fā)內容和必要參數(shù),如?id=123
  • 在相應頁面的onLoad(Object query)中可以獲取

根據場景值區(qū)分

  • 對于小程序,可以在 App 的 onLaunch 和 onShow,或wx.getLaunchOptionsSync 中獲取場景值
  • 由于onLaunch全局只觸發(fā)一次和熱啟動的原因,在onShow中獲取、設置相關參數(shù)比較合理,尤其是轉發(fā),從微信消息過來,必然會觸發(fā)onShow
  • 通過app.onShow回調,獲取場景值
App({
 onShow(res) {
  console.log('app---onShow');
  console.log(res.scene);
  //1044是群聊,1007是私聊
 }
})

wx.onAppShow(function callback)

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

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

Object res

referrerInfo 的結構

返回有效 referrerInfo 的場景

注意
部分版本在無referrerInfo的時候會返回 undefined,建議使用 options.referrerInfo && options.referrerInfo.appId 進行判斷

小程序分享票據shareTickets

通常開發(fā)者希望轉發(fā)出去的小程序被二次打開的時候能夠獲取到一些信息,例如群的標識?,F(xiàn)在通過調用 wx.showShareMenu 并且設置 withShareTicket 為 true ,當用戶將小程序轉發(fā)到任一群聊之后,此轉發(fā)卡片在群聊中被其他用戶打開時,可以在 App.onLaunch 或 App.onShow 獲取到一個 shareTicket。通過調用 wx.getShareInfo() 接口傳入此 shareTicket 可以獲取到轉發(fā)信息。

  • 和場景值scene一樣,shareTicket也是在App.onShow中獲取比較合理
  • 必須在分享前調用wx.showShareMenu方法,否則不會帶分享票據
//分享前share.js
Page({
 onLoad: function () {
  wx.showShareMenu({
   withShareTicket: true
  })
 }
})
//分享后app.js
App({
 onShow(res) {
  console.log('app---onShow');
  console.log(res.shareTicket);
 }
})
  • 只有分享到任一群聊,shareTicket才會有值,否則是undefined
  • shareTicket也可以用來區(qū)分轉發(fā)消息的場景
  • shareTicket主要用來獲取轉發(fā)詳情,傳入wx.getShareInfo()中獲取加密數(shù)據,需要后端配合,返回解密數(shù)據
注意:注意:注意
鑒于官方“分享監(jiān)聽”能力調整,網上90%的滯后代碼,誤人子弟,在此必須給自己一個小要求,定期復讀自己的文章,根據當時能力水平,提高文章質量,修正錯誤和滯后信息(吐槽一下度娘已死,沒人打我吧?打我就刪除)

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

此次調整可能影響到三種分享功能的用法

第一種:判斷用戶是否分享成功,進而給予用戶獎勵。

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

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

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

例如:贈送禮品場景下,用戶點擊“贈送”按鈕,將禮品分享出去,分享成功后,界面展示“等待領取”。

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

第三種:通過用戶分享之后的 shareTicket 獲取群唯一標識 openGId ,以顯示對應群的相關信息。

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

此次調整后,用戶分享完成后無法立刻顯示該群的排行榜信息,但仍可在用戶從群消息點擊進入小程序時顯示該群的排行榜信息。

詳情請查看分享監(jiān)聽能力調整

轉發(fā)動態(tài)消息

從基礎庫 2.4.0 開始,支持轉發(fā)動態(tài)消息。動態(tài)消息對比普通消息,有以下特點:

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

簡要步驟如下

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

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

總結

分享監(jiān)聽能力調整后,對于分享的騷操作基本在App.onShow中進行,相當于授權那樣,必須打開轉發(fā)消息才能獲取轉發(fā)詳情,這也是符合設計準則的

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

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

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

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

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

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

    設置BFC功能及使用示例詳解

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

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

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

    JavaScript用Number方法實現(xiàn)string轉int

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

    JS的Event事件對象使用方法

    復習下事件,長年用JQ,都給忘了~
    2010-12-12
  • 小程序實現(xiàn)商品屬性選擇或規(guī)格選擇

    小程序實現(xiàn)商品屬性選擇或規(guī)格選擇

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

    Next.js使用getServerSideProps進行服務器端渲染demo

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

    JavaScript中return false的用法

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

    前端判斷對象為空的6種方法舉例

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

最新評論