uniapp h5分享封装

1. 新建 share.js

async function shareWx(title, desc, imgUrl) {
	var title = arguments[0] ? arguments[0] : '';
	var desc = arguments[1] ? arguments[1] : '';
	var imgUrl = arguments[2] ? arguments[2] : '';
	var link = window.location.href;
		
	await this.$api.shareWx({
		url: window.location.href
	}).then(res => {
		var wxshare = require('weixin-js-sdk'); //调用微信集成的方法

		wxshare.config({
			debug: false, //是否打开调试
			appId: res.data.appId, // 必填，公众号的唯一标识
			timestamp: res.data.timestamp, // 必填，生成签名的时间戳
			nonceStr: res.data.noncestr, // 必填，生成签名的随机串
			signature: res.data.signature, // 必填，签名

			jsApiList: [
				"updateAppMessageShareData",
				"updateTimelineShareData",
			]
		});

		this.$store.dispatch('set_systemData', res.data.data)

		title = title == '' ? res.data.data.gzhname : title;
		desc = desc == '' ? res.data.data.gzhdesc : desc;
		imgUrl = imgUrl == '' ? (res.data.data.apihost + res.data.data.gzhlogo) : imgUrl;

		wxshare.ready(function() {
			//分享给朋友
			wxshare.updateAppMessageShareData({
				title: title, // 分享标题  
				desc: desc, // 分享描述  
				link: link, // 当前页面链接  
				imgUrl: imgUrl, // 分享图标                                
				success: function() { //分享成功回调
				},
				cancel: function() { //取消分享回调
				}
			});
			//分享到朋友圈
			wxshare.updateTimelineShareData({
				title: title, // 分享标题
				desc: desc, // 分享描述  
				link: link, // 当前页面链接  
				imgUrl: imgUrl, // 分享图标                       
				success: function() {},
				cancel: function() {}
			});
		})
	});
}
export default {
	shareWx
}; //暴露出这个方法

2. main.js 中引入

import share from './common/share.js'
Vue.prototype.shareWx = share.shareWx;

3. 需要引入的文件中调用

// 微信分享
this.shareWx('标题', '简介'， '封面图')