javascript - 微信分享转发给朋友,描述是网址

原创
2016-06-06 20:25:53 953浏览

希望结果是这样:

目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。

网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。

描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。

回复内容:

希望结果是这样:

目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。

网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。

描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。

需要微信JSSDK,需要后端的小伙伴配合

  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) {
                        }
                    });
  });

需要加载 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

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。