摘要：微信分享带图带描述、JS-SDK分享设置教程，微信分享插件PHP源码JS-SDK接口，分享到朋友圈，转发好友带缩略图。

前提条件

1、有一个认证公众号；

2、配置JS安全域名；

3、服务器为PHP环境，且支持file_get_contents函数和Curl扩展；

第一步

首先把wxshareapi/fx.php文件中第2行和第3行的$appid和$appsecret的值修改为您自己的；

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

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

第二步

把wxshareapi整个文件夹上传至网站根目录，并确保用【http://您网站的域名/wxshareapi/demo.html】路径在浏览器地址栏能访问到demo.html示例页面；

第三步

如果你是https的网址，那么请确保网页中要用到的缩略图url必须是https协议。注意缩略图必须是绝对完整的url网址，不能用相对路径；

第四步

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

第五步

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

 

<script type="text/javascript" src="/wxshareapi/jweixin-1.2.0.js"></script>
<script>
var fxtitle= "分享标题";
var fxdesc = "分享描述内容";
var fxpic="https://m.chunyigu.com/data/ShareNoPic.jpg";
document.write("<scr"+"ipt src='/wxshareapi/fx.php?fxtitle="+fxtitle+"&fxdesc="+fxdesc+"&fxpic="+fxpic+"&htmlurl="+location.href.replace(/&/g,'__')+"'></scr"+"ipt>")
</script>

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

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

 

或使用微信提供的官方调试工具。

 

 

相关文件下载地址
本地直接下载 城通网盘下载
©部分资源整理与互联网，版权归原作者所有，仅供学习与研究使用，极云坊坚持以支持正版为方向！