Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Twitter OAuth 2.0

Slide 6

Slide 6 text

OAuth 2.0

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

認証ページの例

Slide 11

Slide 11 text

認証 〜 認証成功

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

リソースアクセ スの例

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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