uniapp 微信小程序實現微信分享

實現微信小程序分享用到 uniapp 的uni.showShareMenu（小程序的原生菜單中顯示分享按鈕）、onShareAppMessage（發送給朋友） 、onShareTimeline（分享到朋友圈）

 

<template>
        <view>
            頁面內容
        </view>
</template>
<script>
export default {
    data() {
	return {
          
        }
    },
    onLoad() {
        // 微信小程序分享功能
	uni.showShareMenu({
		//小程序的原生菜單中顯示分享按鈕，才能夠讓發送給朋友與分享到朋友圈兩個按鈕可以點擊
		menus:["shareAppMessage","shareTimeline"] //不設置默認發送給朋友
	})
    },
    //發送給朋友
    onShareAppMessage(res) {
	return {
		title: '分享標題',
		path: '頁面 path',
		imageUrl: 'url' //分享圖標，路徑可以是本地文件路徑、代碼包文件路徑或者網絡圖片路徑.支持PNG及JPG。顯示圖片長寬比是 5:4
	}
    },
    //分享到朋友圈
    onShareTimeline(res) {
	return {
		title: '分享標題',
		query:'',//頁面參數
		imageUrl: 'url' //分享圖標，路徑可以是本地文件路徑、代碼包文件路徑或者網絡圖片路徑.支持PNG及JPG。顯示圖片長寬比是 5:4
	}
    },
}
</script>