OAuthのフローを可視化できるツールを作ってみました。
2020.05.17
この記事は最終更新日から1年以上が経過しています。
どもです。
「OAuthのフローを可視化できるツール」を作ってみました。
どんなものかと言いますと、以下のような感じでどこのステップなのかが、視覚的に確認することができます。
GitHub
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で作っております。
と、いった感じです。
シークレットキーなど扱うので、ローカル環境で扱うようにしてくださいねぇ。
ではではぁ。