微信小程序開放「分享到朋友圈」功能


2020年7月7日(據說是6日深夜),一個很特別的日子,微信低調地放開了一個功能:微信小程序“分享到到朋友圈”,這個看似微小的變化,對微信小程序來說意義重大。

fenng大的話說就是:

目前此功能沒有完全放開,需微信安卓7.0.16版本才支持,灰度測試 ,iOS版本暫不支持。

微慕小程序專業版微慕小程序增強版已經支持該功能。

想讓小程序提供“分享到朋友圈”的功能,小程序端需要通過調用wx.showShareMenu 這個api,支持此功能,具體的操作步驟如下:

1.設置“調試基礎庫”的版本

wx.showShareMenu api支持分享朋友圈的功能參數“menus”需要基礎庫2.11版本以上,因此首先在微信小程序開發工具里設置基礎庫為2.11版本以上

設置完成后,在點擊小程序右上角的三個點,會出現“分享到朋友圈”的按鈕,不過是灰色的,無法觸發。

2.調用wx.showShareMenu api

在需要轉發的頁面的onLoad(onShow也可以)事件里加入如下代碼:
wx.showShareMenu({
withShareTicket:true,
menus:['shareAppMessage','shareTimeline']

})

加入后,點擊小程序右上角的三個點“分享到朋友圈”按鈕就可以使用了

在開發工具里可以預覽分享的效果

小程序提交審核發布后,在朋友圈里的分享效果如下

分享后的封面圖是默認小程序的logo,標題是默認當前分享的小程序的頁面導航標題。

點擊打開小程序后,跳轉到分享的小程序頁面,點擊不能直接使用小程序的跳轉,需要點擊下方的“前往小程序”才是真正進入小程序。

這個功能目前還有完善,在開發工具里里查看小程序的分享頁,如果小程序里有“updateManager.onUpdateReady”方法來更新小程序,會提示報錯:
Cannot read property 'onUpdateReady' of undefined

目前小程序分享到到朋友圈的方式是:小程序單頁模式,並不會直接打開小程序,無法交互。“單頁模式”下,頁面頂部固定有導航欄,標題顯示為分享時的標題,非常適合閱讀類、內容類、資訊類小程序;頂部導航欄與底部操作欄均不支持自定義樣式。以后開發需要考慮單頁模式的布局,同時也要考慮專門為轉發朋友圈來設計頁面導航標題。

有關單頁面模式的適配和限制詳見微信官方文檔:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

以上這些功能設計,就是微信防止此功能的濫用。

3.自定義分享的封面、標題和頁面參數

可以使用頁面的分享朋友圈事件處理函數:onShareTimeline(),

編寫方法參考微信開發文檔:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimeline

微信小程序都推出3年了,但轉發一直不能轉發到朋友圈,總算開了這個口子,這對小程序來說是巨大的利好,相信后續會不斷完善,既增加小程序的曝光率,也防止濫用,這點我對微信的產品設計有信心,此前一直都非常克制。

 

-------------------------------

原文鏈接:https://www.watch-life.net/wechat/wechat-mini-programs-sharetimeline.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM