h5网页在微信里打开 右上角分享到微信好友或者朋友圈
Posted Champion-水龙果
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5网页在微信里打开 右上角分享到微信好友或者朋友圈相关的知识,希望对你有一定的参考价值。
首先你需要一个分享接口地址,然后在自定义图片 标题 描述 如下: <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> $(function() { //微信分享 $.ajax({ "url":"https://***.***.com/getJsAPITicket", //接口地址 "type":"Get", "dataType":"json", "data":{"url": window.location.href}, "success":function(data){ wxstart(data, ""); } }); }); function wxstart(data, url){ var url = ‘‘; //分享的文章地址 var appId = data.appId; var timestamp = data.timestamp; var nonceStr = data.nonceStr; var signature = data.signature; wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: appId, // 必填,公众号的唯一标识 timestamp: timestamp, // 必填,生成签名的时间戳 nonceStr: nonceStr, // 必填,生成签名的随机串 signature: signature,// 必填,签名,见附录1 jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ"] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ var imgurl = ‘https://‘ + window.location.hostname + ‘/static/customerhtml/img/weixinshare.jpg‘; var title = ‘‘; var desc = ‘‘; wx.onMenuShareTimeline({ title: title, // 分享标题 desc: desc, // 分享描述 link: url, // 分享链接 imgUrl: imgurl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: desc, // 分享描述 link: url, // 分享链接 imgUrl: imgurl, // 分享图标 type: ‘‘, // 分享类型,music、video或link,不填默认为link dataUrl: ‘‘, // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); wx.onMenuShareQQ({ title: title, // 分享标题 desc: desc, // 分享描述 link: url, // 分享链接 imgUrl: imgurl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); } </script>
以上是关于h5网页在微信里打开 右上角分享到微信好友或者朋友圈的主要内容,如果未能解决你的问题,请参考以下文章
微信里的链接,提示要分享到朋友圈或者转发才能看到内容是怎么设置的?