流程圖以下:git
說明:本文以github登陸爲例github
註冊github帳號,登陸後在我的信息頁面一次點擊Applications>Developer applications>Register a new application彈出以下界面api
前三項就依據我的應用添加 最後callback URL 就是回調的地址了 添加對應平臺的接口 github容許填寫本地鏈接地址(開發中直接填http://127.0.0.1:8080/xxx/xxx 這個地址要和受權的時候的傳入的地址參數一致 不然受權失敗)app
註冊以後 會獲得 github提供的client id 和client secret 有了這兩個東東就能夠換取更多的信息了spa
流程圖說明:code
一、用戶點擊github登陸本地應用引導用戶跳轉到第三方受權頁這裏就不拐歪了 跳轉地址爲:token
https://github.com/login/oauth/authorize?client_id=xxxxx&state=xxx&redirect_uri=xxxx
參數說明 :client_id 就不說是啥了吧 redirect_uri:就是上面剛剛填的啦 state:隨機字符串(受權成功會原樣返回)接口
2 、受權成功後會回調咱們平臺,響應信息中會帶code其餘參數不理他了哈哈,咱們帶着這個code再次訪問github 地址:ci
https://github.com/login/oauth/access_token?client_id=xxxx&client_secret=xxx&code=xxx&redirect_uri=xxxx
參數不解釋了,此次會獲得響應的access_token開發
三、成功獲取access_token後用這玩意再去換取用戶信息 地址:
https://api.github.com/user?access_token=xxx
以後咱們就能獲得用戶信息了,接下來就能夠作想作的事情了
其餘平臺思路都同樣了