微信小程序分享功能开发实战指南：好友与朋友圈全适配

目录

前言

一、好友分享功能实现

二、朋友圈分享实现

1.引入onShareTimeline

2.朋友圈分享代码

3.朋友圈分享代码传参

三、朋友圈分享问题

1.登录微信公众平台

 2.按步骤进行微信认证

 3.等待审核即可

四、效果预览 

总结

---

前言

本文深度解析微信小程序分享功能的实现方案，涵盖分享给好友、分享到朋友圈两大核心场景，提供完整的代码实现和避坑指南，助你快速打造高质量社交传播功能。

---

一、好友分享功能实现

import {
		onShareAppMessage,
		onShareTimeline
	} from '@dcloudio/uni-app'

	onShareAppMessage((e) => {
		return {
			title: '分享标题',
			path: '/pages/index/index',  //分享页面路径
		}
	})

 分享页面传参

let id = 123456	

onShareAppMessage((e) => {
		return {
			title: '分享标题',
			path: '/pages/index/index?id='+id,  //分享页面路径
		}
	})

 查看分享页后可以在微信小程序模拟器中查看参数

二、朋友圈分享实现

1.引入onShareTimeline

import { onShareAppMessage,onShareTimeline } from '@dcloudio/uni-app'

2.朋友圈分享代码

	// 分享到朋友圈
	onShareTimeline(() => {
		return {
			title: '分享标题',  //不必写路径，默认分享的是代码所在页面
		}
	})

3.朋友圈分享代码传参

	// 分享朋友圈
	onShareTimeline(() => {
		return {
			title: name,
			query: 'id=' + params.classid + '&name=' + params.name  //只写路径后的参数部分即可
		}
	})

三、朋友圈分享问题

有的同学即使按上述代码配置了朋友圈分享，但分享页面中的朋友圈分享按钮依然是灰色的，这是因为微信朋友圈的分享功能需要在小程序管网进行微信认证。

微信认证步骤：

1.登录微信公众平台

https://mp.weixin.qq.com/

 2.按步骤进行微信认证

 3.等待审核即可

四、效果预览 

---

总结

通过本文的完整实现方案，开发者可以快速构建符合微信规范的分享功能。