微信+angularJS的SPA應(yīng)用中用router進(jìn)行頁面跳轉(zhuǎn)，jssdk校驗失敗問題解決
今天偶然的把微信jssdk的debug打開后，發(fā)現(xiàn)調(diào)試信息總是提示簽名錯誤，感情前兩天api的"偶爾"不生效，不是因為還沒執(zhí)行代碼，而是因為簽名沒正確??！，這就是個100%可以重現(xiàn)的錯誤
但只要這個SPA剛刷新過，或加載完后中途沒有跳轉(zhuǎn)，，簽名就會是正確的。
而當(dāng)路由發(fā)生改變，我們對新"跳轉(zhuǎn)"的頁面重新簽名之后，卻出現(xiàn)了簽名錯誤，而我們的簽名明明是正確的，把各種參數(shù)拿去微信JS簽名校驗工具（http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign）去比對是一樣的！
后面重大發(fā)現(xiàn)。。。其實
只要加載SPA入口頁面的時候簽名一次就行了，因為微信拿來簽名的URL好像只認(rèn)這個SPA第一個加載的頁面的URL。。。window.location.href跳轉(zhuǎn)其實就相當(dāng)又加載了一次SPA
曾以為路由跳轉(zhuǎn)了，就應(yīng)該拿新的url去重新簽名，卻恰恰因為這點，把簽名校驗給搞出錯了。。
所以解決方案就是：
只簽名第一個加載的頁面就行了，用ui-router進(jìn)行的跳轉(zhuǎn)，似乎只是改了地址。。而這個地址的修改。。微信的簽名似乎不認(rèn)。。他就認(rèn)第一個加載的頁面的URL。
通過此文，希望能幫助到遇到此問題的朋友，謝謝大家對本站的支持！
相關(guān)文章
AngularJS模糊查詢功能實現(xiàn)代碼(過濾內(nèi)容下拉菜單排序過濾敏感字符驗證判斷后添加表格信息)
最近做項目遇到這樣的需求，要求添加球員的功能，具體樣式?jīng)]做具體要求，下面小編給大家?guī)砹薃ngularJS模糊查詢功能實現(xiàn)代碼(過濾內(nèi)容下拉菜單排序過濾敏感字符驗證判斷后添加表格信息)，感興趣的朋友一起看看吧2017-10-10
AngularJS中$injector、$rootScope和$scope的概念和關(guān)聯(lián)關(guān)系深入分析
這篇文章主要介紹了AngularJS中$injector、$rootScope和$scope的概念和關(guān)聯(lián)關(guān)系,結(jié)合實例形式較為深入的分析了$injector、$rootScope和$scope的概念、功能、使用方法及相互之間的關(guān)系,需要的朋友可以參考下2017-01-01
本篇文章主要介紹了淺談Angular2 模塊懶加載的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章的主要內(nèi)容是使用angularjs實現(xiàn)一個計算器，是一個仿iOS8風(fēng)格的計算器，功能基本和iOS自帶的計算器是一致的。有需要的朋友們可以參考借鑒。2016-09-09
下面小編就為大家?guī)硪黄狽odeJs——入門必看攻略。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要為大家詳細(xì)介紹了AngularJS控制器的使用方法，感興趣的小伙伴們可以參考一下2016-03-03
AngularJS使用ui-route實現(xiàn)多層嵌套路由的示例
這篇文章主要介紹了AngularJS使用ui-route實現(xiàn)多層嵌套路由的示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了淺談Angular路由守衛(wèi),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
詳解AngularJS中module模塊的導(dǎo)入導(dǎo)出
本文給大家介紹angularjs中module模塊的導(dǎo)入導(dǎo)出，涉及到angularjs module相關(guān)知識，對angularjs module感興趣的朋友一起看看吧2015-12-12
這篇文章主要介紹了淺談Angular 觀察者模式理解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11