Node.js＋Passport＋Google 認証を SPA から使う

Mobile Act NAGOYA　2018/2/16

Transcript

1. Tiny Mouse Node.js Passport Google 認証 SPA 使 Mobile Act NAGOYA 2018/2/16
2. 自己紹介  @tinymouse_jp  SI 企業 SE  日曜  二児 父  静岡県浜松市出身  東京都品川区在住 名古屋市在住  Windows 愛用 iPhone Android  Android 会浜松支部 Android 会 Tiny Mouse
3. 家計簿 作
4. 家計簿 作
5. 家計簿 作 Node.js nedb Electron
6.  認 証機能 加  同時 nedb 別  集計機能 追加
7. 認証機能 加
8. 認証 Node 個別 app.get('/ ', ... <a href="/ "> 表示
9. Passport.js  Node.js 認証
10. Node.js Express Passport 認証 Node app.get('/login', ... app.post('/login', passport.authenticate(... 表示 <a href="/login"> <form action="/login" method="post"> NG OK 認証 個別 登録 <form action="/login" method="post"> app.get('/ ', ... if (req.isAuhenticated()) ... 未 済 認証 <a href="/ "> 有効 表示 表示 app.post('/regist', ...
11. Node.js Express Passport 認証 Qiita 書 https://qiita.com/tinymouse/items/fa910bf80a038c7f9ccb
12. Node.js Express Passport 認証 Node app.get('/login', ... app.post('/login', passport.authenticate(... 表示 <a href="/login"> <form action="/login" method="post"> NG OK 認証 個別 登録 <form action="/login" method="post"> app.get('/ ', ... if (req.isAuhenticated()) ... 未 済 認証 <a href="/ "> 有効 表示 表示 app.post('/regist', ... 他 任
13. Node.js Passport Google 認証 使 Node 個別 app.get('/ ', ... if (req.isAuhenticated()) ... 未 済 認証 <a href="/ "> 有効 <a href="/auth"> app.get('/auth', passport.authenticate(... Google 表示 app.get('/auth/callback', passport.authenticate(... NG OK 認証 表示 表示 認証
14. Node.js Passport Google 認証 使 Qiita 書 https://qiita.com/tinymouse/items/ab79a14173ebc7b75274
15. SPA Node app.post('/data', ... JSON fetch('/data') .then(... app.get('/app', ... <a href="/app"> 全体 表示
16. Node OK NG 認証 登録 app.post('/regist', ... <form action="/login" method="post"> 無効 app.post('/data', passport.authenticate(... JSON fetch('/data') .then(... OK NG ID Node.js Express Passport SPA 使 一時記憶 表示
17. Node.js Express Passport SPA 使 Node OK NG 認証 登録 app.post('/regist', ... <form action="/login" method="post"> 無効 app.post('/data', passport.authenticate(... JSON fetch('/data') .then(... OK NG ID 他 任 一時記憶 表示
18. pe Node <a href="/auth"> app.get('/auth', passport.authenticate(... Google 表示 認証 app.get('/app', ... <a href="/app"> 表示 遷移 Node.js Passport Google 認証 SPA 使
19. pe window.open('/auth'); 別 Node NG OK 認証 無効 app.get('/auth', passport.authenticate(... Google 表示 app.get('/auth/callback', passport.authenticate(... NG OK 認証 認証 JSON 生成 表示 取得 一時記憶 fetch('/data') .then(... OK NG app.post('/data', passport.authenticate(... 一時記憶 Node.js Passport Google 認証 SPA 使
20. Node.js Passport Google 認証 SPA 使 Qiita 書 https://qiita.com/tinymouse/items/13cbbceae9d8e7c5901c
21. 家計簿 作
22.  認 証機能 加  同時 nedb 別  集計機能 追加 少
23. 誰 一緒 作