微信+angularJS的SPA应用中用router进行页面跳转，jssdk校验失败问题解决
更新时间：2016年09月09日 10:09:59 投稿：lqh
本文主要介绍微信+angularJS的SPA应用中用router进行页面跳转，jssdk校验失败问题解决，这里提供了详细的操作方式，有需要的小伙伴可以参考下
今天偶然的把微信jssdk的debug打开后，发现调试信息总是提示签名错误，感情前两天api的"偶尔"不生效，不是因为还没执行代码，而是因为签名没正确啊！，这就是个100%可以重现的错误
但只要这个SPA刚刷新过，或加载完后中途没有跳转，，签名就会是正确的。
而当路由发生改变，我们对新"跳转"的页面重新签名之后，却出现了签名错误，而我们的签名明明是正确的，把各种参数拿去微信JS签名校验工具（http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign）去比对是一样的！
后面重大发现。。。其实
只要加载SPA入口页面的时候签名一次就行了，因为微信拿来签名的URL好像只认这个SPA第一个加载的页面的URL。。。window.location.href跳转其实就相当又加载了一次SPA
曾以为路由跳转了，就应该拿新的url去重新签名，却恰恰因为这点，把签名校验给搞出错了。。
所以解决方案就是：
只签名第一个加载的页面就行了，用ui-router进行的跳转，似乎只是改了地址。。而这个地址的修改。。微信的签名似乎不认。。他就认第一个加载的页面的URL。
通过此文，希望能帮助到遇到此问题的朋友，谢谢大家对本站的支持！
相关文章
本文主要介绍AngularJS 一些优化上的小技巧，这里整理了几种方法供大家参考，有兴趣的小伙伴可以参考下2016-08-08
AngularJS ng-repeat数组有重复值的解决方法
不知道大家是否遇到过这个问题，在当Angular.JS ng-repeat数组中有重复项时，系统就会抛出异常，这是该怎么做？本文通过示例代码介绍了详细的解决方法，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-10-10
这篇文章主要介绍了使用Chrome浏览器调试AngularJS应用的方法,AngularJS是非常热门的JavaScript库,需要的朋友可以参考下2015-06-06
这篇文章主要给大家介绍了关于使用Angular Cli如何创建Angular私有库的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-01-01
这篇文章主要介绍了AngularJS实现给动态生成的元素绑定事件的方法,结合实例形式分析了AngularJS动态生成元素与事件绑定相关操作技巧,需要的朋友可以参考下2016-12-12
详解为Angular.js内置$http服务添加拦截器的方法
所谓拦截器就是在目标达到目的地之前对其进行处理以便处理结果更加符合我们的预期。Angular的$http拦截器是通过$httpProvider.interceptors数组定义的一组拦截器，每个拦截器都是实现了某些特定方法的Factory。本文就介绍了为Angular.js内置$http服务添加拦截器的方法。2016-12-12
在学习了如何简单开始一个Angular程序之后，跟着网上的教程我也来实现一个购物车功能，为了减少页面样式设计我使用了bootstrap来偷懒，现在分享给大家，有需要的可以参考借鉴。2016-08-08
本篇文章主要介绍了浅谈angularr4生命周期钩子，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了Angular搜索场景中使用rxjs的操作符处理思路,主要的思路就是通过Subject来发送过滤条件，这样就可以使用rxjs的各种操作符，可以快捷很多。需要的朋友可以参考下2018-05-05
Angular项目中$scope.$apply()方法的使用详解
这篇文章主要给大家介绍了关于Angular项目中$scope.$apply()方法使用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Angularjs具有一定的参考学习价值，需要的朋友们下面跟着小编一起来看看吧。2017-07-07
最新评论