0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

JWTを超わかりやすく言うとサ〜♪✨

Posted at

JWTってなによ?💅

ねぇねぇ、JWTのことマジ気になってんでしょ?今日はそんなJWT(ジェイダブリューティー)のこと、超分かりやすく説明しちゃうよ〜!🌟

JWT(JSON Web Token) ってサ、めっちゃ簡単に言うと「デジタルIDカード」みたいなもの!マジぱねぇ〜便利なやつなの!ログインしたユーザーに「あなたは本物だよ認定証」みたいなトークンを渡して、それを見せるだけでアクセスできるようにしちゃうシステム!

JWTの構造がマジやばい!✨

JWTは3つのパーツに分かれてて、それぞれドットで区切られてんの!こんな感じ↓

xxxxx.yyyyy.zzzzz
  1. ヘッダー(Header):最初のパート!「このトークンの種類とか、どうやって署名したかとか」のアタマの情報が入ってるの
  2. ペイロード(Payload):真ん中のパート!「誰のトークンか」とか「いつまで有効か」みたいな大事な情報が入ってる部分!
  3. 署名(Signature):最後のパート!「改ざんされてないよね?」ってチェックするためのサインが入ってる!

こんな感じで見るとめっちゃシンプルじゃない?✨

使い方まじ超簡単!🔥

  1. ログイン:ユーザーが「あたし!」って自己紹介する(ID・パスワード入力)
  2. JWT発行:サーバーが「あなたは確かにあなたね!」って認定証(JWT)を作る
  3. 保存:ブラウザがその認定証を持っとく(LocalStorageとかCookieとか)
  4. リクエスト:「この情報見せて〜」ってサーバーにお願いするとき、JWTも一緒に見せる
  5. 検証:サーバーが「このJWT、本物だね!」って確認して情報をくれる

JWTのイマドキ用語解説💗

  • クレーム(Claims):トークンの中に入れた「この人はこんな人だよ情報」のこと!例えば名前とかメールとか権限とか!

  • 署名アルゴリズム(Signing Algorithm):トークンにサインする方法!「HMAC」とか「RSA」とかいろいろあるの!複雑な数学使ってるけど、要は「このサインは本物」って証明するためのもの!

  • 有効期限(Expiration Time):「このIDカードいつまで使える?」ってやつ!セキュリティのために、永遠に使えるわけじゃないの〜

  • JWS(JSON Web Signature):署名付きのJWT!「このトークン、マジで正規のサーバーが作ったやつ!」って証明する仕組み

  • JWE(JSON Web Encryption):暗号化されたJWT!超秘密情報も安心して入れられちゃう特別仕様💅

まとめ:JWTのメリットがヤバい!⭐

  • ステートレス(Stateless):サーバーが「この人誰だっけ?」って記憶しなくていいから超ラク〜!
  • スケーラブル(Scalable):サーバーがいくつあっても大丈夫!だからめっちゃ大きいサービスでも使えちゃう!
  • セキュア(Secure):ちゃんと署名されてるから、偽物作ろうとしても無理〜!

JWTっていうクソ便利な認証システムで、みんなのアプリがもっとセキュアで使いやすくなっちゃうよ〜!💕

マジでいろんなところで使われてるから、覚えといて損なし!これであなたもJWTマスターね✨💯

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?