微信分享功能填坑过程

要对H5页面进行微信分享自定义标题，描述，图片的开发，遇到各种坑，记录下填坑的过程。

参考文章：

http://www.jb51.net/article/98467.htm

https://my.oschina.net/superkangning/blog/368043

http://www.cnblogs.com/txw1958/p/weixin-js-sdk-php-demo.html

https://jingyan.baidu.com/article/d3b74d64c517051f77e609ed.html

http://1017401036.iteye.com/blog/2263358

http://blog.csdn.net/xdd19910505/article/details/50957713

http://blog.csdn.net/wxs55555/article/details/72673966

http://www.cnblogs.com/zhengxu/articles/6743301.html

一、要使用微信JS-SDK，说明文档地址，

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN

二、官方有包含php、java、nodejs以及python的示例代码

下载地址：http://demo.open.weixin.qq.com/jssdk/sample.zip

网址在https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN最下面

返回错误信息：errmsg config param is empty，原因demo代码，遗憾的是其中wx.config中的jsApiList:为空，因此经常有人直接调试的时候就出现下面错误提示，解决参考文章

http://blog.csdn.net/cctcc/article/details/51792412

微信jssdk调用接口时报permission denied ，无权限，参考文章

http://www.oschina.net/question/820519_236858

三、返回错误信息"errorMsg":"config fail"，也可能是报的jssdk config:invalid signature，记不清楚了

是config验证错误，解决思路，应该是jsapi_ticket错误，调试将sample.php中

代码修改为

<script>/** 注意：* 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。* 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。* 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html** 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：* 邮箱地址：weixin-open@qq.com* 邮件主题：【微信JS-SDK反馈】具体问题* 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。*/wx.config({debug: false,appId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',url: '<?php echo $signPackage["url"];?>',rawString: '<?php echo $signPackage["rawString"];?>',jsApiList: ['chooseImage',// 所有要调用的 API 都要加到这个列表中]});wx.ready(function () {// 在这里调用 APIwx.chooseImage({count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function (res) {var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片}
});});
</script>

参考解决方法：https://segmentfault.com/q/1010000002520634

微信 JS 接口签名校验工具

https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

四、查看相关信息，我遇到的错误是jsapi_ticket获取不到，分析原因，最大原因是没有get到accessToken，那是因为你的网站IP没有加入微信IP白名单，

参考方法 http://blog.sina.com.cn/s/blog_559a57740102xhnz.html 第二种啥x原因，因为获取微信开发者密码的时候自己没有管理员权限，手抄的，把b抄成了6，我郁闷了

五、报errmsg config ok，一致以为是错误信息，实际上已经是ok了，errmsg不是errormsg可以测试一下，用上面的代码，测试功能是ok的，因为本人账号没有接口分享权限，所以只能做选择图片的功能测试。

参考方法：http://www.cnblogs.com/txw1958/p/weixin-js.html

微信分享功能填坑过程相关推荐

微信分享功能踩坑过程
最近,做一款应用的分享功能,主要业务是分享一个网页给微信.QQ好友,然后用的是微信开发平台.腾讯开放平台的官方SDK分享.其中遇到了一些打不开.分享不了的坑,填好后,做了一下封装.总结记录一下. 废话 ...
H5页面实现微信分享功能及踩坑历程
看了官网,写的也挺简单的,也在网上搜索了一些demo,然后开始写: 我理解的误区: 我一直以为可以跟app分享一样,有个分享按钮点击触发分享:搜索了很多博客,得到结论,前几年好像是可以通过按钮引导分享 ...
centos + nodejs + egg2.x 开发微信分享功能
前言近期把自用的微信公众号微信分享模块从 php 修改为 nodejs 的版本,虽然这是一个很小的功能,但仍然选择了 egg 框架,也算是为未来继续开发公众号,做点扩展的准备. 本文章仅为项目介绍, ...
vue项目做微信分享功能
vue项目做微信分享功能安装sdk npm install weixin-js-sdk --save 方法 1.新建js文件wxapi.js 2.在wxapi.js中引入sdk以及配置一些基本信息( ...
2015最新微信分享功能开发，自定义分享内容。
在2015年之前很长一段时间,微信分享功能,只需要页面埋几段js代码即可捕获用户点击分享按钮的事情,并且自定义. 但后来微信的新版本里已经屏蔽了次方法直接调用分享接口需要在服务端坐一点开发工作. 当 ...
Java + JS实现微信分享功能
随着腾讯帝国的强大,越来越多的APP.第三方平台需要倚靠腾讯的产品发展壮大了.微信拥有上十亿用户基础,各大小公司自然不会放过这么优质的平台,所以现在以及未来都会有很多很多与微信集成的地方,比如今天演示 ...
微信小程序填坑视频篇
写了一年小程序,每天接受数万付费用户的考验,踩过小程序的坑数不胜数.先写一下视频篇,写一些会影响到用户正常看视频功能和影响业务主体流程的坑. 1.一些低端设备无法播放高清视频 1080p 需要接入转码 ...
Android微信h5分享,H5网页实现微信分享功能
H5网页实现微信分享功能一,首先在公众号管理后台"公众号设置"的"功能设置"里填写JS接口安全域名,域名需要通过ICP备案,没有备案域名可以用SAE.BAE等 ...
【结果很简单,过程很艰辛】记阿里云Ons消息队列服务.NET接口填坑过程
Maybe 这个问题很简单,因为解决方法是非常简单,但填坑过程会把人逼疯,在阿里云ONS工作人员.同事和朋友的协助下,经过一天的调试和瞎捣鼓,终于解决了这个坑,把问题记下来,也许更多人在碰到类似问题的 ...

微信分享功能填坑过程

微信 JS 接口签名校验工具

微信分享功能填坑过程相关推荐

最新文章

热门文章