uniapp自定义微信公众号分享设置 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 公众号相关 >

uniapp自定义微信公众号分享设置

发表时间:2020-10-19

发布人:葵宇科技

浏览次数:93

import wxshare from './wxshare.js'


//设置分享参数@data:从后端接口获取分享相关数据(根据自己实际情况从后端接口获取) 
function setWxShare(data) {
	wxshare.config({
		debug: false,//是否打开调试
		appId: data.appId, // 公众号的唯一标识  
		timestamp: data.timestamp, // 生成签名的时间戳  
		nonceStr: data.nonceStr, // ,生成签名的随机串  
		signature: data.signature, // 签名  
		jsApiList: data.jsApiList
	});


	wxshare.ready(function() {
		
        //分享给朋友
		wxshare.updateAppMessageShareData({
			title: data.share_title, // 分享标题  
			desc: data.share_desc, // 分享描述  
			link: `${window.location.href}`, // 当前页面链接  
			imgUrl: data.share_pic, // 分享图标                                
			success: function() {//分享成功回调
				 
			},
			cancel: function() {//取消分享回调
			 
			}
		});
		//分享到朋友圈
		wxshare.updateTimelineShareData({
			title: data.share_title, // 分享标题
			link: `${window.location.href}`, // 分享链接
			 desc: data.share_desc, // 分享描述  
			imgUrl: data.share_pic, // 分享图标                               
			success: function() {
				
			},
			cancel: function() {
			
			}
		});
	})

}

在onLoad或onShow调用setWxShare方法即可

wxshare.js:

https://unpkg.com/jweixin-module@1.4.1/out/index.js

相关案例查看更多