一、介紹

微信小程序的分享功能可以分享頁面給朋友或群聊，但是不能分享到朋友圈，需要分享朋友圈的話，可以在小程序內設計一個分享頁面，利用小程序提供的canvas把小程序碼繪制到分享圖里保存到本地分享到朋友圈。

小程序調起分享分兩種方式：1.通過頁面右上方自帶的分享功能? 2.頁面內自定義分享?。

本篇主要介紹第2種方式：通過給button組件設置屬性 open-type="share"?

最新的微信開發者工具新建頁面的時候，在頁面js文件里會有onShareAppMessage: function () {} 事件，當button設置了open-type="share" 屬性后，點擊 button 會調用該事件，看下官方給的該事件的文檔：

二、應用

在商品詳情頁加上分享按鈕，如圖：

點擊后效果：

代碼：

?wxml頁面里放入：

<button open-type="share">分享</button>

js:

onLoad: function (options) {var id = options.id;//獲取參數,當用戶通過分享進來頁面時獲取到id，根據id獲取產品的信息},onShareAppMessage: function (res) {var that = this;var goods_id=that.data.goods_id;//獲取產品idvar goods_title=that.data.goods_title;//獲取產品標題var goods_img=that.data.goods_img;//產品圖片if (res.from === 'button') {// 來自頁面內轉發按鈕return {title: goods_title,path: '/page/details?id=' +goods_id,imageUrl:goods_img //不設置則默認為當前頁面的截圖}}}

?

總結

以上是生活随笔為你收集整理的微信小程序之分享功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。