URLエンコード / デコードツール

元のリクエスト構造を崩さずに、完全なURLをエンコードし、コールバックリンクをデコードし、クエリパラメータ値をエスケープします。

URLエンコード / デコード ワークベンチ
実際のURLエンコードワークフローを試す
認証/API ワークフロー ガイド

redirect_uri またはコールバック値をエンコードしますか?コンポーネントレベルのルールのガイドを使用してから、ここに戻って正確な値をエンコードまたはデコードします。

JWTトークンデバッガー
OAuth またはベアラー トークンのデバッグに進みます。
JSON APIレスポンスガイド
クエリパラメータからペイロード検査に切り替えます。
Base64 Basic Authガイド
リクエストに従って認証ヘッダーの準備に戻ります。
URLエンコーディングとは?

URLエンコード(percent-encoding)は、スペース、Unicode、予約文字を転送に安全な形式へ変換します。ブラウザURL、redirect_uri、APIクエリ値、またはコピーしたコールバックリンクの意味を変えずに通したいときに使います。

URLエンコーディングの仕組み

:, /, ?, &, = のような区切りを完全なリンク内で読みやすく保ちたいなら完全URLのエンコードを使ってください。単一の値をクエリパラメータ、リダイレクト先、またはネストされたコールバックURLの中に収める必要がある場合はコンポーネントエンコードを使います。

主な使用例
  • 認証またはAPIリクエストがアプリを出る前に redirect_uri、state、検索値をエンコードする
  • ログ、サポートチケット、ブラウザ履歴からコピーしたコールバックリンクをデコードする
  • ベースエンドポイントの区切りを壊さずにAPIリクエストURLを組み立てる
  • 1つのクエリ値の中でメールアドレス、ネストされたURL、プラス記号をエスケープする
  • URLをドキュメントやコードに貼り付ける前にUnicodeとスペースを確認する
入力: redirect_uri=https://app.example.com/callback?next=/settings
出力: redirect_uri=https%3A%2F%2Fapp.example.com%2Fcallback%3Fnext%3D%2Fsettings
入力: https://app.example.com/callback?next=%2Fsettings%3Ftab%3Dprofile
出力: https://app.example.com/callback?next=/settings?tab=profile
入力: email=dev+alerts@example.com
出力: email=dev%2Balerts%40example.com
よくある質問

1つのパラメータ値ではなく完全なURLをエンコードすべきなのはいつですか?

リンク全体を読みやすく保ち、?, &, = のような区切りをそのまま残したいなら完全なURLをエンコードしてください。redirect_uri、state、検索語のようにデータが1つの key=value ペアに収まる必要がある場合は、パラメータ値だけをエンコードします。

encodeURIとencodeURIComponentの違いは何ですか?

encodeURI は完全なリンクに対して :, /, ?, # のような構造用URL文字を保持します。encodeURIComponent はそれらの予約文字もエスケープするため、クエリパラメータ値、ネストされたURL、コピーしたコールバック先にはより安全です。