极速快3精准计划|极速快3有规律吗
用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 查看內容

支付寶小程序微信小程序分享轉發

Rolan 2019-4-12 00:42

由于業務需求最近對支付寶小程序和微信小程序的分享功能做了一些了解和嘗試,進而寫撰寫此文作為積累和總結。 微信小程序 微信小程序觸發分享有兩種方式設置onShareAppMessage和button添加open-type="share"屬性 微 ...

由于業務需求最近對支付寶小程序和微信小程序的分享功能做了一些了解和嘗試,進而寫撰寫此文作為積累和總結。

微信小程序

微信小程序觸發分享有兩種方式設置onShareAppMessagebutton添加open-type="share"屬性

微信 onShareAppMessage

page中添加onShareAppMessage方法,然后點擊右上角菜單就會有分享選項,如果沒有定義onShareAppMessage右上角菜單就沒有分享選項

微信自定義轉發內容

使用默認截圖 1.5.0

代碼示意

page({
  data: {
    shareData: {
      title: '自定義轉發標題',
      imageUrl: 'xxxx.jpeg',
      path: '/page/API/pages/share/share'
    }
  },

  onShareAppMessage() {
    return this.data.shareData
  }
})
復制代碼

轉發方式

轉發方式只能轉發給朋友或者群聊效果如下

微信動態生成帶有用戶標識的自定義分享圖片

只是單純的將固定圖片分享到群聊顯然不夠酷炫,現在另一個比較流行的做法是生成一個自定義的分享圖片,但是這個流程已經脫離了小程原本的分享功能。 該流程的大體思路是用戶觸發自定義的分享按鈕,然后再小程序端用canvas動態的繪制一個帶有當前用戶標識的圖片存儲到用戶的相冊中,之后用戶在手動的將圖片轉發到朋友圈

微信 open-type="share"

button組件設置open-type="share"點擊button觸發分享,open-type="share"模式如果沒有定義onShareAppMessage方法也會觸發分享

支付寶

支付寶小程序觸發分享的方式跟微信小程序相同也是兩種方式設置onShareAppMessagebutton添加open-type="share"屬性

支付寶onShareAppMessage

page中添加onShareAppMessage方法,然后點擊右上角菜單就會有分享選項,如果沒有定義onShareAppMessage右上角菜單也有分享選項

支付寶自定義轉發內容

字段 類型 必填 描述 最低版本
title String 自定義分享標題
desc String 自定義分享描述:由于分享到微博只支持最大長度 140 個字,因此建議長度不要超過該限制。
path String 自定義分享頁面的路徑,path中的自定義參數可在小程序生命周期的 onLoad方法中獲取(參數傳遞遵循 http get 的傳參規則)
content String 自定義吱口令文案,最多28個字符實際測試無效,咨詢支付寶運營人員說是文字吱口令下線了 1.7.0
imageUrl String 自定義分享小圖 icon 元素,支持:網絡圖片路徑;apFilePath 路徑;相對路徑。使用場景詳見下方說明 1.4.0
bgImgUrl String 自定義分享預覽大圖,建議尺寸750x825,支持:網絡圖片路徑;apFilePath路徑(客戶端10.1.58版本開始支持);相對路徑 (客戶端 10.1.58 版本開始支持
success Function 分享成功后回調 1.4.0
fail Function 分享失敗后回調 1.4.0

支付寶轉發方式

支付寶轉發方式花樣就比較多了詳情可以參考官方文檔

這里單單提一下分享到微信,當用戶點擊微信的時候支付寶會自動將分享圖片存入用戶相冊(此時支付寶還有文案提示告訴你生成了吱口令去微信粘貼但是現在并不好使,咨詢運營人員才知道吱口令下線了)

關于動態生成帶有用戶標識的自定義分享圖片的嘗試

因為支付寶分享會自動截屏保存到相冊中,所以當時思考了一下如果當拉起分享窗口的時候頁面通過顯隱控制的方式,將原本的頁面隱藏將規劃好的個性化分享頁面顯示出來,然后小程序進行截圖保存,這樣既能生成帶有用戶標識的分享圖片,還能無縫銜接到分享流程中,說干就干一頓操作之后在Android手機中測試完美幾乎完美,可以天不遂人愿在IOS下失敗了故放棄此方案。

總結

  • 支付寶小程序和微信小程序分享API基本相同只是一些細節不太一樣,最大的區別就是微信只能分享到群組或者好友,而支付寶提供了更多的方式
  • 遇見問題簡單查查文檔如果找不到頭緒首選求助小程序交流群或者運營人員,因為小程序發展太快了有些問題能找到的資源并不多,而且官方文檔更新的也不怎么及時,悶頭踩坑的話有些得不償失。
  • 信息具有實效性本文或者網上的其他文章或者官方文檔皆不可全信一切以實踐為準
鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: advence-liz 來自: 掘金
极速快3精准计划 北京pk10五码全天计划 pk10哪个平台返点高 时时彩单双怎么跟 五分时时彩开奖结果 怎么玩北京pk10是合法的吗 亲朋棋牌二人麻将外挂 时时彩稳赚平台 十一选五九码复式 时时彩和值走势图 赌大小单双的技巧规律