Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Node.js+Passport+Google 認証を SPA から使う
Search
Tiny Mouse
February 16, 2018
Programming
0
780
Node.js+Passport+Google 認証を SPA から使う
Mobile Act NAGOYA 2018/2/16
Tiny Mouse
February 16, 2018
Tweet
Share
More Decks by Tiny Mouse
See All by Tiny Mouse
今年がんばったこと
tinymouse
0
77
【LT会】インプット・アウトプットどうしてる?
tinymouse
0
43
今年がんばったこと
tinymouse
0
170
.NET MAUI+Blazor を使ってみた
tinymouse
0
170
【LT会】この技術書がすごい
tinymouse
1
180
蔵書管理アプリを作り直した
tinymouse
1
960
Windows アプリの開発手段の選択肢をまとめてみた
tinymouse
0
140
蔵書管理アプリを作りました
tinymouse
0
630
Google Apps Script アプリを配付する
tinymouse
0
120
Other Decks in Programming
See All in Programming
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
170
チームの境界をブチ抜いていけ
tokai235
0
140
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
170
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
24
12k
育てるアーキテクチャ:戦い抜くPythonマイクロサービスの設計と進化戦略
fujidomoe
1
170
Serena MCPのすすめ
wadakatu
4
950
クラシルを支える技術と組織
rakutek
0
200
CSC305 Lecture 03
javiergs
PRO
0
240
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
140
What's new in Spring Modulith?
olivergierke
1
130
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2k
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
140
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Making Projects Easy
brettharned
119
6.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
189
55k
Writing Fast Ruby
sferik
629
62k
Docker and Python
trallard
46
3.6k
Embracing the Ebb and Flow
colly
88
4.8k
How to Think Like a Performance Engineer
csswizardry
27
2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
How to Ace a Technical Interview
jacobian
280
24k
Transcript
Tiny Mouse Node.js Passport Google 認証 SPA 使 Mobile Act
NAGOYA 2018/2/16
自己紹介 @tinymouse_jp SI 企業 SE 日曜
二児 父 静岡県浜松市出身 東京都品川区在住 名古屋市在住 Windows 愛用 iPhone Android Android 会浜松支部 Android 会 Tiny Mouse
家計簿 作
家計簿 作
家計簿 作 Node.js nedb Electron
認 証機能 加 同時 nedb 別 集計機能
追加
認証機能 加
認証 Node 個別 app.get('/ ', ... <a href="/ "> 表示
Passport.js Node.js 認証
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', ...
Node.js Express Passport 認証 Qiita 書 https://qiita.com/tinymouse/items/fa910bf80a038c7f9ccb
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', ... 他 任
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 認証 表示 表示 認証
Node.js Passport Google 認証 使 Qiita 書 https://qiita.com/tinymouse/items/ab79a14173ebc7b75274
SPA Node app.post('/data', ... JSON fetch('/data') .then(... app.get('/app', ... <a
href="/app"> 全体 表示
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 使 一時記憶 表示
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 他 任 一時記憶 表示
pe Node <a href="/auth"> app.get('/auth', passport.authenticate(... Google 表示 認証 app.get('/app',
... <a href="/app"> 表示 遷移 Node.js Passport Google 認証 SPA 使
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 使
Node.js Passport Google 認証 SPA 使 Qiita 書 https://qiita.com/tinymouse/items/13cbbceae9d8e7c5901c
家計簿 作
認 証機能 加 同時 nedb 別 集計機能
追加 少
誰 一緒 作