1. 程式人生 > 實用技巧 >微信小程式開放「分享到朋友圈」功能

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

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

fenng大的話說就是:

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

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

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

1.設定“除錯基礎庫”的版本

wx.showShareMenuapi支援分享朋友圈的功能引數“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