900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > h5页面分享朋友 朋友圈设置缩略图 自定义标题 描述!

h5页面分享朋友 朋友圈设置缩略图 自定义标题 描述!

时间:2020-08-16 21:15:15

相关推荐

h5页面分享朋友 朋友圈设置缩略图 自定义标题 描述!

#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: '/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() {//weixinwx.onMenuShareAppMessage({title: '真相只有一个', // 分享标题desc: '邀你一起帮助J', // 分享描述link: '/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!imgUrl: '/haier422/img/share.jpg', // 分享图标 success: function() {// 用户确认分享后执行的回调函数alert('分享成功');}});//以下是复制微信的,不知道有没有标点错误//朋友圈------wx.onMenuShareTimeline({title: '真相只有一个', // 分享标题desc: '邀你一起帮助J', // 分享描述link: '/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!imgUrl: '/haier422/img/share.jpg', // 分享图标 success: function() {// 用户确认分享后执行的回调函数alert('分享成功');} }); //qqwx.onMenuShareQQ({title: '真相只有一个', // 分享标题desc: '邀你一起帮助J', // 分享描述link: '/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!imgUrl: '/haier422/img/share.jpg', // 分享图标 success: function() {// 用户确认分享后执行的回调函数alert('分享成功');}}); //微博wx.onMenuShareWeibo({title: '真相只有一个', // 分享标题desc: '邀你一起帮助J', // 分享描述link: '/xxxx',//绑定到微信公众号上的那个跳转地址,不晓得可以百度是什么!imgUrl: '/haier422/img/share.jpg', // 分享图标 success: function() {// 用户确认分享后执行的回调函数alert('分享成功');} });});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。