Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Twitter の OAuth 2.0 を使ってみた #ゆるWeb札幌

Kihara, Takuya
PRO
February 28, 2022
Technology
0
210

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

More Decks by Kihara, Takuya

See All by Kihara, Takuya
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
430
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
tacck
PRO
0
7
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
tacck
PRO
1
33
ライブコーディングで知るAmplify Gen 2 #AWSAmplifyJP
tacck
PRO
1
120
AWS Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
PRO
0
340
Amplify Gen2 が GA したよ！ #jawsug_sapporo #jawsug
tacck
PRO
0
310
Flutter で "Hello World!! #ゆるWeb札幌
tacck
PRO
0
140
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
PRO
0
150
地方から始める登壇のステップアップ 〜Java Do から JJUG CCC への登壇参加記録 #javado
tacck
PRO
0
200

Other Decks in Technology

See All in Technology
生成AIが変えるデータ分析の全体像
ishikawa_satoru
0
300
あなたの知らない Function.prototype.toString() の世界
mizdra
PRO
4
2.4k
LLMの気持ちになってRAGのことを考えてみよう
john_smith
0
160
Oracle Cloud Infrastructure データベース・クラウド：各バージョンのサポート期間
oracle4engineer
PRO
30
14k
Mastering Quickfix
daisuzu
2
370
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
Postman Flowsで作るAPI連携LINE Bot
miura55
0
150
SAP Community and Developer Update
sygyzmundovych
0
350
日経電子版のStoreKit2フルリニューアル
shimastripe
2
160
140年の歴史あるエンタープライズ企業の内製化×マイクロサービス化への航海
yussugi
0
1.8k
SkiaとImpellerについて
moriya0130
0
190
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
640

Featured

See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Automating Front-end Workflow
addyosmani
1366
200k
Happy Clients
brianwarren
98
6.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
A Modern Web Designer's Workflow
chriscoyier
693
190k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
Adopting Sorbet at Scale
ufuk
73
9.1k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k

Transcript

  1. Twitter の OAuth 2.0 を使ってみた ゆるWeb勉強会@札幌/OnLine #14 / #ゆるWeb札幌

  2. 私

  3. 話

  4. Twitter OAuth 2.0 ゆるWeb勉強会@札幌/OnLine #17 / #ゆるWeb札幌

  5. Twitter OAuth 2.0

  6. OAuth 2.0

  7. 認証の流れ サンプル実装を例に

  8. 認証チェック コード⽣成 〜 認証ページ

  9. 認証チェック コード⽣成 〜 認証ページ state を使って、この次の認 証コード検証のキーとする。 認証チェックコードを⽣成し、それを 変換した値をチャレンジコードとする。 認証チェックコードは、表に出さない。

  10. 認証ページの例

  11. 認証 〜 認証成功

  12. 認証 〜 認証成功 受け取ったstateを、Lambda を使って検証。 ここで、認証チェックコード を取り出してトークン要求に 使う。 取得したトークンを使って、 リソースにアクセスできるよ

    うになる。

  13. リソースアクセ スの例

  14. まとめ ゆるWeb勉強会@札幌/OnLine #17 / #ゆるWeb札幌

  15. Twitter でも OAuth 2.0 が 使えるように なった

  16. OAuth 2.0 で 認証するのは 注意が必要

  17. 参考⽂献 https://zenn.dev/kg0r0/articles/8b1 cfe654a1cee