1硫椰、首先推薦一款插件——hello.js(http://adodson.com/hello.js/)繁调,很有用....
2、因?yàn)橛辛薶ello.js,實(shí)現(xiàn)三方登錄就就會(huì)變得很簡(jiǎn)單靶草,個(gè)人認(rèn)為FaceBook蹄胰、Twitter、vkontakte他們的主要區(qū)別是申請(qǐng)配置app,代碼部分其實(shí)都一樣奕翔,所以首先看看他們是怎樣配置的裕寨。
3、Facebook的三方登錄:首先在這個(gè)地方(https://developers.facebook.com/apps)添加一個(gè)應(yīng)用,
ps: FaceBook 圖三的callback配置規(guī)則很重要,Twitter宾袜、vkontakte同樣適用
4捻艳、Twitter的三方登錄,首先在https://apps.twitter.com/ ? create ?new APP,
創(chuàng)建成功后试和,如 Twitter 圖二中讯泣,你會(huì)得到一個(gè)api key和api secret,接下來(lái)在https://auth-server.herokuapp.com還要做一些配置阅悍,
5好渠、vkontakte三方登錄,在https://vk.com/apps?act=manage這里選擇 創(chuàng)建組件 ,創(chuàng)建成功后节视,配置重定向的uri拳锚,配置規(guī)則同F(xiàn)aceBook,需要注意的一點(diǎn)是寻行,例:如果重定向uri為:http://www.test.com/redirect,那么需要在主域名中添加一個(gè)www.test.com
6霍掺、接下來(lái)便是核心代碼部分——
7、回調(diào)的url一定要完全匹配拌蜘,如果hello.init中有配置redirect_uri, 那么回調(diào)地址后面一定要跟上/redirect
8杆烁、如果說(shuō)你遇到了這種情況(這是vk的情況,其他的三方都一樣):
仔細(xì)看它的地址简卧,其中“redirect_uri=http%3A%2F%2Flocalhost%3A8080%2Fredirect”兔魂,那么你的回調(diào)地址就應(yīng)該是:http://localhost:8080/redirect