uniapp WeChat applet sharing function (open the upper right corner to share)

1. Create a new share.js file in the directory: @/static/js/share.js

export default {
	data() {
		return {
			share: {
				// 转发的标题 (默认标题)
				title: '默认标题',
				// 默认是当前页面,必须是以‘/’开头的完整路径
				path: '',
				//自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,
				//支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
				imageUrl: ''
			}
		}
	},
	/*
	 在要分享的页面 生命周期中  设计当前页面分享标题
	 onLoad() {
	     this.share.title = "当前页面分享标题"
	 },
	 */
	// 发送给朋友
	onShareAppMessage(res) {
		// 来自页面内的按钮的转发
		if (res.from == 'button') {
			console.log("按钮转发--配置");
		}
		// 获取加载的页面
		let pages = getCurrentPages(),
			// 获取当前页面的对象
			view = pages[pages.length - 1];
		// this.share.path = `/${view.route}`;
		this.share.path = 'pages/home/index/index';

		//转发参数
		return this.share;
	},
	//分享到朋友圈
	onShareTimeline(res) {
		// 获取加载的页面
		let pages = getCurrentPages(),
			// 获取当前页面的对象
			view = pages[pages.length - 1];
		// console.log("获取加载的页面", pages);
		console.log("当前页面的对象", view);
		// this.share.path = `/${view.route}`; //分享当前页面
		this.share.path = 'pages/home/home'; //指定分享页面 
		//转发参数
		return this.share;
	}
}

2. Set in main.js

        Note: Must be used after defining vue

// 全局分享
import share from '@/static/js/share.js'
Vue.mixin(share)

Guess you like

Origin blog.csdn.net/weixin_44805839/article/details/132830421