欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2022-04-08 08:52:09
...

希望结果是这样:
javascript - 微信分享转发给朋友,描述是网址

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

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

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

回复内容:

希望结果是这样:
javascript - 微信分享转发给朋友,描述是网址

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

网上解决方法说是:
图片要大于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