微信自定义分享JS-SDK接口详细操作教程+总结

最近想将网站上的一些文章,分享到微信朋友圈,在百度搜索了下,

通过调用微信JS-SDK接口可以实现,以下是学习笔记


微信JS-SDK官方说明文档

网址:http://qydev.weixin.qq.com/wiki/index.php?title=微信JS-SDK接口

图片.png


说明文档粗略看了下,干燥无味,找到DEMO这里,下载实例代码

DEMO页面:
http://demo.open.weixin.qq.com/jssdk

示例代码:
http://demo.open.weixin.qq.com/jssdk/sample.zip


我的网站使用的是PHP语言,这里选择php目录下的4个文件

图片.png


打开sample.php,里面要求填写yourAppID, yourAppSecret

这两个需要到注册的微信公众号或服务号获取

图片.png


登录微信公众平台获取AppID, AppSecret

图片.png


继续编辑sample.php

checkJsApi 检测各个JsApi是否调用成功   
openLocation 打开地理位置定位
getLocation 获取地理位置
onMenuShareTimeline 分享到朋友圈接口
onMenuShareAppMessage 分享到微信朋友接口

图片.png


到公众号查看JS安全域名,这里不清楚的可以查阅下官方说明文档

图片.png


编辑jssdk.php

网站采用http方式调用的,这里ssl安全校验设置为false

curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);


不设置的话,会一直报错config:invalid signature

图片.png


经过以上配置之后,就可以用微信打开sample.php进行调试了

可以看到,分享到朋友圈、分享给朋友的JsApi都是成功的

图片.png


点击确定之后,没有一点反应,并没有弹出分享界面,是配置出错了吗?

查阅了大量文章之后,发现这个是由于微信号未验证导致

图片.png


帐号主体为个人,无法开通微信认证

图片.png


这个需要企业、或者组织才能申请认证,一时半会解决不了

话说这个坑我找了很久,微信页面调试时没有任何提示,

官方说明文档里也没有任何提及,这个只能算张小龙的锅@@

图片.png


主动分享文章到微信,还有没有其他办法实现呢?

有的,而且很简单,一个OPPO浏览器搞定

图片.png


并且分享的链接带有图标,标题,是不是很实用

虽说调用JS-SDK接口被小龙同志狠狠坑了一把,但还是学到了不少东西

图片.png

上一篇:《Panama(巴拿马)》神曲,全球爆火

下一篇:Github Page搭建个人网站详细教程