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

0ab16037033e1851fb4a1d44687b5426?s=47 Tiny Mouse
February 16, 2018

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

Mobile Act NAGOYA 2018/2/16

0ab16037033e1851fb4a1d44687b5426?s=128

Tiny Mouse

February 16, 2018
Tweet

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