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

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