Heim > Artikel > Backend-Entwicklung > javascript - 微信分享转发给朋友,描述是网址
希望结果是这样:
目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。
网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。
描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。
<code><meta name="Description" content="导读:山东是国内最大的轮胎生产省份,轮胎企业数量、产量、销售收入、利税、出口量连续11年居国内首位。2013年,全省共有轮胎生产企业287家,共生产各种规格轮胎外胎4.25亿条(包括部分小型轮胎、摩托车胎、力车胎)。其中,全钢子午胎生产企业33家,产量 6228万条,占全国总量的58%;半钢子午胎生"></code>
希望结果是这样:
目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。
网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。
描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。
<code><meta name="Description" content="导读:山东是国内最大的轮胎生产省份,轮胎企业数量、产量、销售收入、利税、出口量连续11年居国内首位。2013年,全省共有轮胎生产企业287家,共生产各种规格轮胎外胎4.25亿条(包括部分小型轮胎、摩托车胎、力车胎)。其中,全钢子午胎生产企业33家,产量 6228万条,占全国总量的58%;半钢子午胎生"></code>
需要微信JSSDK,需要后端的小伙伴配合
<code> wx.ready(function () { // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.onMenuShareTimeline({ title: "title", // 分享标题 link:"url", imgUrl: "sharePic.jpg", // 分享图标 success: function (res) { } }); // 获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: "title", // 分享标题 link:"url", imgUrl: "sharePic.jpg", // 分享图标 desc: '描述', // 分享描述 type: 'link', // 分享类型,music、video或link,不填默认为link success: function (res) { } }); });</code>
需要加载 jweixin.js
网址如下:
http://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS%E6%8E%A5%E5%8F%A3
然后调用下面的分享API,进行分享,其他同上。。我真懒。。
需要后端配合,这是我之前扒拉的两个简单的demo:
https://github.com/wjfz/weixin-jssdk