#h5页面分享朋友,朋友圈设置缩略图,自定义标题,描述!
//要实现显示图片与标题必须调用微信接口,
//注意点:1、必须要把跳转的页面绑定到微信的接口域名里;
//2、后台要进行设置签名算法,获取签名,时间戳,
//3、必须放在服务中才能成功。
//微信绑定跳转地址,后台算法获取签名,前端写这些,缺一不可!
//
var timestamps;//声明时间按戳参数
var nonceStrs;//声明生成签名的随机串
var signatures;//签名
//var url = encodeURIComponent(location.href.split('#')[0]);//跟后台对接时的接口 带加密
var url = location.href.split('#')[0];//跟后台对接时的接口, 不带加密,
$.ajax({
async: false,
url: 'http://xxx.xxxx.com/api/xxxxxc/getWeixinSign',//后台请求接口,找后台要
type: "get",
dataType: "json",
data: {
url: url//传值问后台是否加密,然后去上面二选一
},
success: function(data) {
console.log(data.data)//打印看数据是否显示
timestamps = data.data.timestamp;
nonceStrs = data.data.nonceStr;
signatures = data.data.signature;
wx.config({
debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。true为调用开启
appId: '*****',//appid// 必填,公众号的唯一标识
timestamp: timestamps, // 必填,生成签名的时间戳
nonceStr: nonceStrs,// 必填,生成签名的随机串
signature: signatures,// 必填,签名,
jsApiList: ['onMenuShareTimeline',//朋友圈
'onMenuShareAppMessage',//微信朋友
'onMenuShareQQ', //QQ
'onMenuShareWeibo',//微博
'onMenuShareQZone'] //QQ空间
// 功能列表,我们要使用JS-SDK的什么功能
});
},
error: function(xhr) {
alert("error");
}
});
wx.ready(function() {
// weixin
wx.onMenuShareAppMessage({
title: '真相只有一个', // 分享标题
desc: '邀你一起帮助J', // 分享描述
link: 'http://h5.xxxx.com/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!
imgUrl: 'http://h5.yuqigg.com/haier422/img/share.jpg', // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
alert('分享成功');
}
});
//以下是复制微信的,不知道有没有标点错误
// 朋友圈------
wx.onMenuShareTimeline({
title: '真相只有一个', // 分享标题
desc: '邀你一起帮助J', // 分享描述
link: 'http://h5.xxxx.com/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!
imgUrl: 'http://h5.yuqigg.com/haier422/img/share.jpg', // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
alert('分享成功');
}
});
// qq
wx.onMenuShareQQ({
title: '真相只有一个', // 分享标题
desc: '邀你一起帮助J', // 分享描述
link: 'http://h5.xxxx.com/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!
imgUrl: 'http://h5.yuqigg.com/haier422/img/share.jpg', // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
alert('分享成功');
}
});
// 微博
wx.onMenuShareWeibo({
title: '真相只有一个', // 分享标题
desc: '邀你一起帮助J', // 分享描述
link: 'http://h5.xxxx.com/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!
imgUrl: 'http://h5.yuqigg.com/haier422/img/share.jpg', // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
alert('分享成功');
}
});
});