前端 微信js-sdk调用

2016-07-26  本文已影响2950人  心淡然如水

今天开始做调用微信jssdk进行三方分享,是不是很高大尚呢 !相信你看到最后一定会觉得TX的sb。

首先由于公众号认证一直没有申请下来所以准备了一下微信测试账号。这里简单说一下微信测试账号怎么搞定。

需要申请微信测试公众号的小伙伴可以走一下这个网址:

【链接】微信公众平台接口测试帐号申请

http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

因为是第一次申请这个东西一直以为接口配置信息这个东西很重要需要提前设置好。在这个是上面没少费时间,还好经过大神的指点,才知道这个东西并没有啥用。如果有用到这个的应该是跟后台接口有关吧!具体的小生也不知道了 哈哈!有知道的可以留言跟小的评论一下 小的 先谢谢你的 然后需要在这里填写安全域名 然后需要关注微信公众号 所有的代码只有关注了,才能在该微信的浏览器下使用,接口才会有效果。其他浏览器无效!!!!

申请完毕以后就可以通过这个地址http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

进行权限验证了!

在进行验证的时候需要进行签名,很多人都在这个上面浪费很多时间比方说我!希望我的坑能帮到你!

1、config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

2、通过ajax进行数据请求,由于ajax是异步请求,所以权限验证需要放在ajax请求之内进行,确保数据已经请求完成。

3、进行签名的时候要注意一下几点,大部分sdk文档上都有我这里就简单的说一下我碰到的坑:(1)获取到的taken和Ticket必须在服务器全局缓存

      (2)url必须是当前页面的url也就是说,不要写根域名!

      (3)前端进行url传递的时候需要进行一下操作

             varcurrentUrl=location.href.split('#')[0];

             currentUrl=encodeURIComponent(currentUrl);进行转译然后在服务器端在转译回去!!!!!所以url最好自己传递

       (4)在服务器端进行签名的加密的时候一定要注意拼接顺序

       (5)其他要注意的事项,大家可以自己阅读sdk,比我说的话要详细得多,有错误多看看附录5,地址给大家

          http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

4.通过以上步骤应该就能通过验证了,接口也可以是随意调用了。是不是很开心!!!但是在做分享的时候朋友们要注意了:官方给的sdk分享的接口说白其实就是修改他们自身的分享内容,也就是说我们不能自己创建按钮来实现分享的功能,因为微信的接口只能在微信浏览器上用,所以我们调用的sdk分享接口其实只是修改了微信自带的分享!!!

说实话,做到这里的时候我感觉微信sdk好坑爹,做了这么多结果只能在微信中使用,宝宝也是醉了!!不过慢慢的想想,微信的这些接口本来就是给公众号上的人用的,人家也没有打算为其他浏览器用!所以咯 !!!不要想好事啦  哈哈

感谢这个博客给我指明方向 :http://my.oschina.net/u/2308739/blog/371414/

希望本片博客可能帮助到那些需要帮助的人!!!

每天更新学到的东西!学无止境!!!!

本文原创   转载注明出处

上一篇下一篇

猜你喜欢

热点阅读