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
Twitter の OAuth 2.0 を使ってみた #ゆるWeb札幌
Search
Kihara, Takuya
PRO
February 28, 2022
Technology
0
230
Twitter の OAuth 2.0 を使ってみた #ゆるWeb札幌
Twitter OAuth 2.0 を使ってみたお話です。
YouTube:
https://www.youtube.com/watch?v=-9Gr5tmmF7k&t=6526s
Kihara, Takuya
PRO
February 28, 2022
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
260
Amazon Q Developer CLI でゲームと Amplify アプリを作ってみた #ゆるWeb札幌
tacck
PRO
0
30
ゆるWeb勉強会@札幌 #30 #ゆるWeb札幌
tacck
PRO
0
8
Flutter を始めよう! - Flutter の開発現場から
tacck
PRO
0
150
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
tacck
PRO
0
210
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
tacck
PRO
0
140
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
tacck
PRO
1
480
はじめまして GoLang #cm_sapporo_study
tacck
PRO
0
140
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
tacck
PRO
0
92
Other Decks in Technology
See All in Technology
ガバメントクラウドの概要と自治体事例(名古屋市)
techniczna
3
240
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
0
510
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
140
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
980
CoRL 2025 Survey
harukiabe
1
200
"プロポーザルってなんか怖そう"という境界を超えてみた@TSUDOI by giftee Tech #1
shilo113
0
200
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
4
1.9k
ニッポンの人に知ってもらいたいGISスポット
sakaik
0
150
アイテムレビュー機能導入からの学びと改善
zozotech
PRO
0
170
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
WEBサービスを成り立たせるAWSサービス
takano0131
1
170
フレームワークを意識させないワークショップづくり
keigosuda
0
200
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
RailsConf 2023
tenderlove
30
1.2k
Gamification - CAS2011
davidbonilla
81
5.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
620
Designing for humans not robots
tammielis
254
26k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Transcript
Twitter の OAuth 2.0 を使ってみた ゆるWeb勉強会@札幌/OnLine #14 / #ゆるWeb札幌
私
話
Twitter OAuth 2.0 ゆるWeb勉強会@札幌/OnLine #17 / #ゆるWeb札幌
Twitter OAuth 2.0
OAuth 2.0
認証の流れ サンプル実装を例に
認証チェック コード⽣成 〜 認証ページ
認証チェック コード⽣成 〜 認証ページ state を使って、この次の認 証コード検証のキーとする。 認証チェックコードを⽣成し、それを 変換した値をチャレンジコードとする。 認証チェックコードは、表に出さない。
認証ページの例
認証 〜 認証成功
認証 〜 認証成功 受け取ったstateを、Lambda を使って検証。 ここで、認証チェックコード を取り出してトークン要求に 使う。 取得したトークンを使って、 リソースにアクセスできるよ
うになる。
リソースアクセ スの例
まとめ ゆるWeb勉強会@札幌/OnLine #17 / #ゆるWeb札幌
Twitter でも OAuth 2.0 が 使えるように なった
OAuth 2.0 で 認証するのは 注意が必要
参考⽂献 https://zenn.dev/kg0r0/articles/8b1 cfe654a1cee