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

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. 誰 一緒 作