Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Implement Social Login with Flask & authomatic
Patrick Wang
August 01, 2014
Programming
1
140
Implement Social Login with Flask & authomatic
Patrick Wang
August 01, 2014
Tweet
Share
More Decks by Patrick Wang
See All by Patrick Wang
patw0929
2
260
patw0929
0
170
patw0929
9
1.7k
patw0929
6
1.4k
patw0929
0
280
patw0929
2
430
patw0929
2
460
Other Decks in Programming
See All in Programming
kazaman97
0
170
mizdra
7
4.8k
trajchevska
2
340
77web
0
210
adoranwodo
0
220
osyo
1
370
thatjeffsmith
0
410
nbkouhou
1
1.2k
malvinstn
1
630
rshindo
2
290
akatsukinewgrad
0
180
chichou
1
830
Featured
See All Featured
reverentgeek
27
1.9k
jnunemaker
PRO
40
4.5k
caitiem20
308
17k
dougneiner
119
7.8k
reverentgeek
168
7.1k
kneath
294
39k
lauravandoore
11
1.3k
cherdarchuk
71
260k
shpigford
165
19k
myddelton
109
11k
hatefulcrawdad
257
17k
destraynor
223
47k
Transcript
Implementing Social Login with Flask & authomatic patw / Front-End
Engineer 原始背景圖⽚片出處:Jason A. Howie @ flickr https://www.flickr.com/photos/jasonahowie/8583949219/ Gogolook Developers meet up ╳
MISSION 聽說卡關很久的 LINE whoscall 官網 之後要加上 Social Login 功能
MISSION • Facebook, Google and Twitter ! • 最好可以取得 User
的 E-mail & 電話 ! • 更好的話可以取得 User 朋友的這些資訊
SOLUTION 不會⼟土砲 ! 尋找現成 Extension 解決⽅方案 http://peterhudec.github.io/authomatic/
POC 安裝 pip install authomatic 程式碼參考 flask 範例: http://peterhudec.github.io/authomatic/examples/flask-simple.html
POC 先設定 config.py: 要填⼊入 key 資訊 得申請 Apps/API 先 …晚點說
POC 主要的 views.py:
POC login.html: ⺫⽬目前結果會像這樣:
POC 要進⼀一步取得其他資訊,查⼀一下各 provider 的⽂文件。 Facebook Google Twitter E-mail ✔ scope:
email 無法取得朋友的 ✔ scope: https:// www.googleapis.com/ auth/ plus.profile.emails.read ✘ 朋友名單 ✘ 2014/4/30 之後新開的應 ⽤用程式強制使⽤用 v2.0,僅 能取回同樣使⽤用此應⽤用程 式的朋友 ✔ scope: https:// www.google.com/m8/ feeds/ ✔ 你關注的⼈人 ⼿手機號碼 ✘ 查⽂文件 2011 年曾有過 user_mobile_phone ✔ 可以取得 Google Contacts 中的聯絡⼈人⼿手 機號碼 ✘ OpenCloseGraph?
POC views.py 稍作修改: Facebook 的部份 twitter 的部份
POC views.py 稍作修改: Google 的部份 取得聯絡⼈人的 名稱、E-mail、電話
POC 結果會像這樣:
應⽤用程式 API 申請⽅方法整理 ! "
$
! https://developers.facebook.com/apps/
!
!
%
" https://apps.twitter.com/
"
"
開發期的⼩小技巧 sudo /etc/hosts
Thank you https://github.com/patw0929/flask-social-login-demo