uniapp转小程序分享到朋友圈

最新推荐文章于 2025-11-04 16:16:51 发布

原创最新推荐文章于 2025-11-04 16:16:51 发布 · 4.9k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文详细介绍如何将uniapp项目转换为小程序，并实现朋友圈分享功能，包括安卓平台的朋友圈分享实现，以及分享时的标题、内容配置方法。

uniapp转小程序分享到朋友圈

uniapp转化成小程序，但是目前小程序只支持安卓手机进行朋友圈分享，ios目前还不支持。
文档link
我的项目是uniapp，就直接按照我的写法来进行展示：

<button plain class="wx" open-type='share'>
	<view>
		<img src="http://friend.png" alt="" class="shareimg">
	</view>
	<view>微信好友</view>
</button>
<button plain class="wx" open-type='share'>
	<view>
		<img src="http://pyq.png" alt="" class="shareimg">
	</view>
	<view>朋友圈</view>
</button>

// An highlighted block
// 这两个方法可以直接写在methods里面， 也可以写在和生命周期同级的地方
// 分享到朋友圈     
onShareTimeline: function(e){
	// 配置标题
	var title = this.articleinfo.prop1;
	var contentid = this.contentid
	return {
		title: title,
		// 这里面是配置你的url中？后面的数据
		query: {
			type: 'hot',
			contentid: contentid
		}
	}
},
// 这两个方法都要写上，就算不分享给好友也要有这个方法，下面的showShareMenu配置要用到
onShareAppMessage: function(e) {
// 这里是分享给微信好友的方法， path是分享给好友的小程序页面， 好友点击直接进入path页面
	var path = '/xxxxxxxxxx/fxarticle?type=hot&contentid=' + this.contentid;
	var title = this.articleinfo.prop1;
	return {
		title: title,
		path: path
	}
},

我主要展示分享到朋友圈的部分

shareTimeline(){'&type=Article';
	var that = this
	//console.log(url)
	// --------app分享朋友圈开始------
	// #ifdef APP-PLUS
	uni.share({
	    provider: "weixin",
	    scene: "WXSenceTimeline",//WXSceneSession 微信好友 WXSenceTimeline//微信朋友圈
	    type: 0,
	    href: url,
		title: "分享标题" ,
	    summary: "分享标题",
	    imageUrl: "88888888888888.png",
	    success: function (res) {
	        //console.log("success:" + JSON.stringify(res));
			uni.showToast({
				title: '已分享到朋友圈',
				icon: 'none'
			})
	    },
	    fail: function (err) {
	        console.log("fail:" + JSON.stringify(err));
	    }
	});
	// #endif
	// --------app分享朋友圈结束------	
	// --------小程序分享朋友圈开始------
	// #ifdef MP-WEIXIN
		wx.showShareMenu({
		  withShareTicket: true,
		  menus: ['shareAppMessage','shareTimeline'] // ***这地方两个配置都要写上
		})
	// #endif
	// --------小程序分享朋友圈结束------
}