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

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

Avatar for Kihara, Takuya 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

Avatar for Kihara, Takuya

Kihara, Takuya PRO

February 28, 2022
Tweet

More Decks by Kihara, Takuya

See All by Kihara, Takuya
5年目から始める Vue3 サイト改善 #frontendo
Avatar for Kihara, Takuya tacck
PRO
3
260
Amazon Q Developer CLI でゲームと Amplify アプリを作ってみた #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
30
ゆるWeb勉強会@札幌 #30 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
8
Flutter を始めよう！ - Flutter の開発現場から
Avatar for Kihara, Takuya tacck
PRO
0
150
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
210
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
140
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
Avatar for Kihara, Takuya tacck
PRO
1
480
はじめまして GoLang #cm_sapporo_study
Avatar for Kihara, Takuya tacck
PRO
0
140
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
92

Other Decks in Technology

See All in Technology
ガバメントクラウドの概要と自治体事例（名古屋市）
Avatar for 高橋広和 techniczna
3
240
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
Avatar for Genki Sano sanogemaru
0
510
難しいセキュリティ用語をわかりやすくしてみた
Avatar for Yuta3110 yuta3110
0
140
能登半島地震で見えた災害対応の課題と組織変革の重要性
Avatar for Masakatsu Sugii ditccsugii
0
980
CoRL 2025 Survey
Avatar for Haruki Abe harukiabe
1
200
"プロポーザルってなんか怖そう"という境界を超えてみた＠TSUDOI by giftee Tech #1
Avatar for shilo shilo113
0
200
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
Avatar for Kurochan kurochan
4
1.9k
ニッポンの人に知ってもらいたいGISスポット
Avatar for sakaik sakaik
0
150
アイテムレビュー機能導入からの学びと改善
Avatar for ZOZO Developers zozotech
PRO
0
170
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
5
43k
WEBサービスを成り立たせるAWSサービス
Avatar for Takano takano0131
1
170
フレームワークを意識させないワークショップづくり
Avatar for Keigo Suda keigosuda
0
200

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
238
140k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
49
51k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
620
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k

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