解释最全的,手把手教的微信JS sdk分享设置教程-微信分享插件PHP源码JS-SDK接口,分享到朋友圈 转发好友带缩略图

亲们,此文是我上传的有关微信分享插件PHP源码JS-SDK接口的.rar和.zip的说明使用文件

许多朋友都面临自己编写的网站通过微信转发时,无论是分享微信好友或是微信朋友圈时,出现无缩略图显示的问题,这和微信的公众号文章不一样。这种无缩略图/无描述语音的链接,转发时显得很假,分享朋友圈时不完整,引发不了别人的点击兴趣。
本文就是针对这一问题,是当前全CSDN上最详细的解决方案。
对于技术半吊子的人来说,特别重要,请一步一步阅读。

前提条件:

  1. 公众号必须是认证的才会有分享接口权限,也就是1年需要花200元交过认证费的,不管是订阅号还是服务号。
  2. 域名已备案,无论是http或是https,均可。
  3. 并且在微信公众平台>>接口权限>>网页授权 里面配置好了js安全域名,此处只填写域名,不需要http或https开头,也无需具体页面。
  4. 网站空间是php环境而且支持file_get_contents函数和curl扩展,支持asp或.net均可。不要因为此程序是php的,就认为与您使用的asp或.net语言编写的主要程序不兼容,实际上都是兼容的。

具体步骤:
第1步、下载并解压缩我的上传文件
第2步、首先把wxshareapi/fx.php文件中第2行和第3行的 a p p i d 和 appid和 appidappsecret的值修改为您自己的。

$appid = “此处用自己的公众号AppID”; //微信公众号开发者ID(AppID)
$appsecret = “此处用自己的公众号AppSecret”; //开发者密码(AppSecret)

注意appsecret这个在微信公众号平台中比较难找,需要认真查找,应该是一个md5的格式,并不是微信公众号平台的登陆密码。

第3步、 在微信公众号平台中配置白名单和IP地址,IP地址是网站的FTP地址。 以上这些步都是必要条件。

第4步、再次确认微信公众号后台接口权限已经设置JS接口安全域名 为上传源码所对应的域名,并确保第一步所修改的appid和appsecret无误,以及 开发>>基本配置 中IP白名单设置为你空间的IP(有时表面你看到的空间IP未必 是真正的IP,要注意查看域名的解析IP 可以通过电脑cmd命令中运行“ping 您的域名”进行查看,也可以用www.ip138.com输入域名进行IP查询,多IP的域名必须把查出来的几个IP都加白名单)

第5步、把wxshareapi整个文件夹上传至网站根目录,并确保用【http://您网站的域名/wxshareapi/demo.html】路径在浏览器地址栏能访问到demo.html示例页面。如果您能打开demo.html并能实现分享微信好友和朋友圈时带缩略图,就说明您上面的配置是正确的。

第6步、如果你是https的网址,那么请确保网页中要用到的缩略图url必须是https协议。注意缩略图必须是绝对完整的url网址,不能用相对路径。这就要改成您所需要的缩略图了。缩略图往往尺寸很小,在200X200像素差不多,太大的图片会显示不出细节,建议你上传圆形图或椭圆图,更加美观耐看。

第7步、最后在下面代码框中复制代码帖到您要分享的页面标签之间(可以是静态模板页也可以是动态页)并修改或调用好fxtitle、fxdesc、fxpic的值为您自己想要分享的值,当然如果想用js动态调用网页标题和网页描述以及网页中第一张图片的话,可以参照压缩包中的wxshareapi/demo.html文件。

到此,应该说将微信的JS SDK的分享设置全部弄通掌握。

如果以上做了还没有调试成功,请按此方法进行查看原因

<?php $html=file_get_contents("https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx9685****62831f7&secret=93debf773de9d5e*****b6d5c5b2370b"); echo $html; ?>

建个php文件,比如a.php,把以上的appid和secret 替换成你的,然后放到你网站的根目录,在微信中访问 域名/a.php访问(微信浏览器中访问),如果微信配置成功的话,会出现类似成功获取access_token的界面下图所示,如果不是,那就你配置有问题了。检查appid和appsecret,JS安全域名,以及最容易出错的IP白名单。如果还是找不出原因或者是有更高级的需求要嵌入到更复杂的页面中,请联系我啊!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值