微信小程式開放「分享到朋友圈」功能
2020年7月7日(據說是6日深夜),一個很特別的日子,微信低調地放開了一個功能:微信小程式“分享到到朋友圈”,這個看似微小的變化,對微信小程式來說意義重大。
用fenng大的話說就是:
目前此功能沒有完全放開,需微信安卓7.0.16版本才支援,灰度測試 ,iOS版本暫不支援。
想讓小程式提供“分享到朋友圈”的功能,小程式端需要通過呼叫wx.showShareMenu這個api,支援此功能,具體的操作步驟如下:
1.設定“除錯基礎庫”的版本
wx.showShareMenuapi支援分享朋友圈的功能引數“menus
設定完成後,在點選小程式右上角的三個點,會出現“分享到朋友圈”的按鈕,不過是灰色的,無法觸發。
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