微信h5实现分享给朋友url改变_h5页面调用微信JS-SDK分享到微信好友或者朋友圈的配置...

本文介绍了如何在微信H5页面中配置JS-SDK,以实现将当前页面分享到微信好友和朋友圈。通过引入JS,设置分享内容,并调用后台接口获取签名,最终初始化微信分享功能。
摘要由CSDN通过智能技术生成

1.引入js

2.在页面添遇新是直朋能到分览加配置

var url = location.href;

var timestamp="";

var signature = "";

var title = document.title;

var shareData = {

"imgUrl" : data.imgUrl, // 分享显示的缩略图地址 ,根据自己情况而定

"link" : url, // 分享地址

"desc": title, // 分享描述

"title": title, // 分享标题

success : function () {

// 分享成功可以做相应的数据处理

//alert("分享成功"); }

}};

function init()

{

var parms = { url: url };

$.ajax({

type: "POST",

url: "/membervideo/share.ashx",//后台接口

data: parms, //可选参数

dataType: "json",

success: function(data){

timestamp=data.timestamp;

signature=data.signature;

//alert(timestamp)

initwx(timestamp, signature);

} //可选参数

});

}

$(function () {

init();

});

function initwx(timestamp, signature) {

wx.config({

debug: false, //

appId: 'wxxxxxxxxxx', // 公众号的唯一标识

timestamp: timestamp, //生成签名的时间戳

nonceStr: 'GDOU', //生成签名的随机串

signature: signature,//

jsApiList: ['onMenuShareTimeline', //

'onMenuShareAppMessage'] //

});

wx.checkJsApi({

jsApiList: [

'onMenuShareTimeline','onMenuShareAppMessage'

]

});

wx.ready(function () {

wx.onMenuShareTimeline(shareData);//分享到朋友圈

wx.onMenuShareAppMessage(shareData);//分享给朋友

});

}

本文来源于网络:查看 >https://blog.csdn.net/tiantiandashi/article/details/81905165

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值