Vue微信專案按需授權登入策略實踐

2021-09-11 09:02:53 字數 1131 閱讀 5504

專案採用vue作為開發框架,使用者瀏覽頁面時有兩種情況:

一種是需要使用者先登入之後才能繼續瀏覽;

另一種是使用者無需登入即可隨意瀏覽。

在無需使用者登入的頁面中,可能包含需要使用者資訊的操作,此時就需要使用者登入之後方能進行後續操作。因此,需要對授權登入策略進行區分。

特殊情況,為無需使用者登入的頁面配置白名單,只要進入存在於白名單的路由,不進入檢測使用者登入狀態的函式,直接渲染頁面。

// routerrule.js

export

default

function

routerrule (router, whitelist = )

// 常規頁面授權登入過程

if (hastoken()) else )

} else

}}).then( res => )

})router.aftereach((to, from

) => )

}) }

複製**

根據上面的邏輯,進入白名單之後,整個函式已經被return掉,不會進入下面的鑑權過程。但是如果是在此種頁面上進行需要許可權的操作,那麼就需要觸發授權登入流程,並且在授權之後,要一併獲取使用者資訊。

// checklogin.js

export

function

checklogin( = {}) else )

}}複製**

同時,我們需要對路由白名單新增一些操作

// routerrule.js

export

default

function

routerrule (router, whitelist = ) )

}resolve()

return

}// 常規頁面授權登入過程

if (hastoken()) else )

} else

}}).then( res => )

})// other codes... }

複製**

這是本人開發過程中想到的不成熟的方案,如果有更好的方法,請不吝告知,謝謝!

微信授權登入

使用者同意授權url 對urlencode之後 private static string redirect url 使用者同意授權url private static string authorization url 建立授權url param state return throws except...

微信授權登入

首先說一下我寫這個的初衷 注意了 使用開放平台,需要備案的網域名稱才可以。且開放平台需要認證 使用公眾平台,那就更不要說了,更需要認證。開發反而不難了,因為那個對著api文件花些時間就可以了,就不貼了,那個沒啥意思,上面的資訊值金子 需要認證,需要認證,需要認證 開放平台api 公眾平台api 當然...

VUE開發SPA之微信授權登入

在router.beforeeach鉤子中判斷使用者當前登入狀態 若沒有登入則儲存使用者進入的url並跳轉到author授權頁面 獲取前面儲存的使用者進入url並跳轉 holdno是我自己定義的乙個工具集 裡面有各種操作方法 router.beforeeach to,from,next next c...