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: '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() {//                   weixinwx.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('分享成功');}  }); //                 qqwx.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('分享成功');} });     });

h5页面分享朋友，朋友圈设置缩略图，自定义标题，描述！相关推荐

Android微信浏览器标题,企业微信内H5网页分享微信好友ios正常安卓自定义标题、图标、未生效...
企业微信内H5网页分享微信好友ios正常安卓自定义标题.图标.未生效问题类型 API/组件名称终端类型微信版本基础库版本 Bug 'onMenuShareWeibo', 'onMenuShar ...
H5页面分享到朋友圈，自定义标题描述封面图前端+php代码
<script type="text/javascript"> console.log('huati') wx.config({ ...
微信自定义分享卡片链接的解决方案（可自定义标题描述图片）
微信自定义分享卡片链接的解决方案(可自定义标题描述图片) 参考文章: (1)微信自定义分享卡片链接的解决方案(可自定义标题描述图片) (2)https://www.cnblogs.com/rg ...
分享到朋友圈没有缩略图？微信自定义标题描述及缩略图最简单完美的办法！...
先看看分享到朋友圈没有缩略图的原因微信为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK"分享到朋友圈"及"发送给朋友"接口,自定义 ...
分享到朋友圈没有缩略图？微信自定义标题描述及缩略图最简单完美的办法！
首先看看分享到朋友圈没有缩略图的原因微信为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK"分享到朋友圈"及"发送给朋友"接口,自定 ...
微信h5实现分享给朋友url改变_h5 微信分享朋友和朋友圈
生成JS-SDK权限验证签名实现发送给朋友和分享到朋友圈时内容参数自定义一.微信JS-SDK 1. 获得Access Token access token的获得方法在前面有介绍,详情见微信公众平 ...
微信h5实现分享给朋友url改变_h5网页微信分享给好友，朋友圈-tp5
控制器 vendor('wechat.jssdk'); $jssdk =new JSSDK("appid", "appsecret"); $signPackag ...
vue页面分享微信朋友圈
个人博客地址微信官方文档注:1.web的分享只能通过微信右上角自带的三个点分享,只有app才能实现自定义按钮的分享. 步骤: 1.安装 :npm i -S weixin-js-sdk 2.新建js ...
微信h5实现分享给朋友url改变_h5微信自定义分享
为了h5页面在微信分享效果更好,我们接入了 h5 微信sdk,下面对接入流程总结. 1.在项目中引用微信的js-sdk 2.在微信公众平台绑定安全域名 3.配置config 在1,2步操作成功后,进入 ...

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

h5页面分享朋友，朋友圈设置缩略图，自定义标题，描述！相关推荐

最新文章

热门文章