このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

OAuthのフローを可視化できるツールを作ってみました。

JavaScript

2020.05.17

この記事は最終更新日から1年以上が経過しています。

どもです。

「OAuthのフローを可視化できるツール」を作ってみました。

 

どんなものかと言いますと、以下のような感じでどこのステップなのかが、視覚的に確認することができます。

GitHub

oauth-social-login-checker

 

OAuthの確認で、curlで叩いていたのですが面倒だな。

作った方が良いのでは。と思って作りました。

client idや、client secretも毎度入力するのが面倒でしたので、localStorageに保存できるようにしました。

と、出来た感じではありますが、

OAuth 2.0の全フローや、OpenID Connectや、ハイブリッドフローとか、express側で処理や、JWTの解析など

選択して切り替える様にしたかったのですが、

とりあえず、認可コードフローだけ作った感じとなってしまいました。。。

 

理由はと言いますと、

作っている途中で、ちょっと、飽きてしまってw

と言うか、別のことがしたくなってしまって。。。

ゲ、ゲームとか。。(う、嘘)

 

とはいえ、時間見つけ次第コミットしていきたいとは思います。

ちょこちょこ、雑なところもありますんので、地道に作っていきます。

での、必要そうな方は使って見てくださいー。

 

使い方

$ git clone git@github.com:webcyou-org/oauth-social-login-checker.git
$ npm install
$ npm run dev

localhost:3000 に、アクセス。

nuxt.jsで作っております。

 

と、いった感じです。

シークレットキーなど扱うので、ローカル環境で扱うようにしてくださいねぇ。

ではではぁ。

Comment

Related Article

OAuthのフローを可視化できるツールを作ってみました。

2020.05.17

令和の時代に、JavaScriptで Shift-JISファイル作成 全銀データフォーマットに対応する。

2020.03.03

インターネットにて世論調査を行う「世論Web」サービスを始めてみました。

2020.01.31

年末のレトロゲーム熱の際、ファミコンソフト一覧パッケージ作ってました。

2020.01.24

あと10日で「jsdo.it」のサービスが終わってしまう!! ソースダウンロードまだの方は急げぇ〜!

2019.10.21

正規表現 先読み後読み 論理積

2019.07.28

「二段階認証?」という方も 5分で覚える パスワードレス WebAuthnのまとめ

2019.07.07

上級者向け JavaScript 問題集 「javascript-questions」日本語翻訳担当してます。

2019.06.22

SPAサイトでの認証認可 JWT✗Rails5✗Nuxt.js

2019.03.24

Nuxt.js と auth-module (@nuxtjs/auth)で、JWT(JSON Web Tokens)& OAuth 認証 ログイン

2019.02.21

CATEGORY LIST

LATEST NEWS

FLEXISPOT E3で作るスタンディング PCデスク

イベント

2022.09.18

NordVPNを使ってみた感想は?評判や口コミを徹底的に解説

tool

2022.07.26

Ubuntu 20.04 LTS サーバ構築 - DKIM、DMARCを設定する

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Postfix Let’s EncryptでTLS化

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Postfix SASL認証

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Dovecotインストール

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Postfixインストール

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Let’s EncryptでSSL/TLS化

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 – Nginxインストール

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - 初期セットアップ

ubuntu

2022.05.01

誰でも簡単に「ホームページ制作」が行える。というWix のサービスが進化しているという事で、あれから久しぶりに触ってみた!

tool

2022.04.12

Geth (Go Ethereum)でリクエスト送信「Invalid host specified」エラー対処

暗号通貨、ブロックチェーン

2022.03.06

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US