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
44
今年がんばったこと
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
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
0
280
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
160
Go言語はstack overflowの夢を見るか?
logica0419
0
350
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
CSC305 Lecture 08
javiergs
PRO
0
210
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
2
890
AI Agent 時代的開發者生存指南
eddie
2
1.5k
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
200
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
180
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
540
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
110
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
360
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
10k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
BBQ
matthewcrist
89
9.8k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
The World Runs on Bad Software
bkeepers
PRO
72
11k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Scaling GitHub
holman
463
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
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 別 集計機能
追加 少
誰 一緒 作