在微信打开H5,点击右上方(三个点)分享到微信好友,设施分享的标题,图片和描述

文章详细介绍了如何安装和使用jweixin-module库来配置微信分享,包括设置debug模式、获取必要的签名信息、定义jsApiList以及配置分享数据,以实现appMessage和timeline的分享功能。
摘要由CSDN通过智能技术生成

 

安装 jweixin-module

npm install jweixin-module --save

import jweixin from 'jweixin-module/lib/index.js'

	getShareInfo(obj){
		let url = window.location.href
		api.user.getShareLink({url}).then(res => {
			jweixin.config({
			  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
			  appId: res.data.appid, // 必填,公众号的唯一标识
			  timestamp: res.data.timestamp, // 必填,生成签名的时间戳
			  nonceStr: res.data.noncestr, // 必填,生成签名的随机串
			  signature: res.data.signature, // 必填,签名
			  jsApiList: [
				'updateAppMessageShareData',
				'onMenuShareAppMessage',
				'updateTimelineShareData',
				'onMenuShareTimeline'
			  ] // 必填,需要使用的JS接口列表
			})
			console.log(obj,'this.share1')
			jweixin.ready(() => {
			  //配置分享数据
			  let shareData = {
				title: obj.title || document.title,  //分享的标题
				desc: obj.desc || obj.title,  //分享的描述
				link: obj.path || window.location.href,   //分享的链接
				imgUrl: obj.imageUrl || "", //分享的图片链接
				success(response) {
				  //配置成功之后的回调(并不是分享成功之后的回调,这个地方是个坑,要注意下)

				},
			  };
				
			  jweixin.updateAppMessageShareData(shareData)
			  jweixin.onMenuShareAppMessage(shareData)
			  jweixin.updateTimelineShareData(shareData)
			  jweixin.onMenuShareTimeline(shareData)
			})
		})
	}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值