微信分享网页链接自定义图片和文字描述

今天开发需要微信分享网页链接自定义图片和文字描述,于是网上各种查找资料和各种看手册,遇到了好多坑,不过啃了半天以后终于把问题解决了,以防以后忘记,今天记录一下;
首先,由于微信已经发布了想要分享链接必须调用认证了的公众号的JSSDK接口,所以,像以前的在html页面中的head中放入图片,我试过已经不管用了,当然不是绝对的,但是我这个方法试了多好次,不能用,所以没有办法只好调接口来做这个功能了;
废话不多说,
首先第准备工作:
需要有一个认证了的公众号;然后开始了我们的代码操作:
一: 在html中引入js文件

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

二: 在控制器中加入以下代码并且引入jssdk.php文件,我放在extend文件夹下面,这个不是强制要求,大家随意,只要文件引入正确即可;(jssdk压缩包在官网就可以找得到,下载下来引入即可)

 //获取apptokeninclude EXTEND_PATH . "\jssdk\jssdk.php";$jssdk = new \JSSDK('你的appid','你的APPSecret');//这里填写自己的appid 和secret$signPackage = $jssdk->GetSignPackage();

三: 回到html中,将发送来的数据放在head中;这个好处就是,数据不需要写死,以防以后出现问题;

<script>wx.config({debug: false,appId: '{$signPackage["appId"]}',timestamp: '{$signPackage["timestamp"]}',nonceStr: '{$signPackage["nonceStr"]}',signature: '{$signPackage["signature"]}',jsApiList: [//我只调用了两个分享接口,分别是朋友圈和个人,大家有其它需要可以去文档中查找接口'onMenuShareTimeline','onMenuShareAppMessage']});wx.ready(function () {var shareData = {title: '标题', //  标题desc: '描述', //  描述link: '链接', //  分享的URL，必须和当前打开的网页的URL是一样的imgUrl: '缩略图完整路径' //  缩略图地址};wx.onMenuShareAppMessage(shareData);wx.onMenuShareTimeline(shareData);});wx.error(function (res) {//alert(res.errMsg);//错误提示});</script>

四: 将文件夹放入到你的项目中,也可以和第二步一起进行,在其中测试错误;五:一定要在公众号里设置IP的白名单,否则一直报错,说你没有权限可以拿到token!好了,大概就是这样,按流程走完,就可以分享网页链接的时候带上你自定义的图片和内容描述了

微信分享网页链接自定义图片和文字描述相关推荐

微信分享网页链接自定义标题，图片,文字描述
我先描述一下该h5的业务场景: 想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题,描述,分享图片:而不是...如下图前提条件: 1.请确认公众号已经认证,只有认证的公众号才具有分享相关接 ...
thinkphp实现微信分享朋友圈自定义图片和文字
1.进行微信公众号配置. 需要先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". 然后将文件MP_verify_ ...
微信分享网页链接不显示小图标怎么办
我们自己做的网站在微信中属于第三方网站,第三方网站想要显示缩略图和描述需要有两个前提条件. 微信分享网页链接不显示缩略图怎么办 1.认证的公众号 2.备案的域名有了公众号和域名才能去调用微信接口,也 ...
微信分享网页链接缩略图不显示解决方法
微信分享网页链接缩略图不显示解决方法参考文章: (1)微信分享网页链接缩略图不显示解决方法 (2)https://www.cnblogs.com/68xi/p/11596254.html 备忘一下.
网页在微信中转发，自定义图片和文字
需求:网页在微信聊天和朋友圈中转发,自定义图片和文字,需要用到微信jssdk. 条件:1.认证的订阅号或者认证的服务号,需要有这样的接口权限 2.appid 和appsecret ...
php分享网页到微信,分享网页链接到微信朋友圈或朋友
前提微信自6.5.5版本起对分享网页链接做了限制,如果不接入JSSDK,则分享出去的内容不会显示自定义的图片,而是显示一张默认图片使用JSSDK进行分享时,需要一个经过微信认证的服务号或者订阅号, ...
html页面微信分享如何隐藏链接,微信分享网页链接缩略图不显示解决方法
微信分享网页不显示缩略图片的原因为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK"分享到朋友圈"及"发送给朋友"接口,自定义的分享 ...
微信分享外部链接添加图片与描述（服务器端：python）
前言: 之前使用网上的办法在html页面直接放入缩略图img的方式不知道为啥,根本没有用!: https://jingyan.baidu.com/article/c35dbcb0f5dc588916f ...
微信分享网页时自定义标题、描述和图片
用微信打开一个网页,选择右上角的"发送给朋友"后,收到的消息是这样的: 而为了推广效果,我们更希望能自定义标题.描述和图片,效果如下图: 下面介绍下怎样来实现这个功能 <sc ...

微信分享网页链接自定义图片和文字描述

微信分享网页链接自定义图片和文字描述相关推荐

最新文章

热门文章