Инструмент кодирования/декодирования URL-адресов

Кодируйте полные URL-адреса, декодируйте ссылки обратного вызова и экранируйте значения параметров запроса, не теряя при этом структуру исходного запроса.

Инструментарий кодирования/декодирования URL-адресов
Совет по рабочему процессу Выберите кодирование или декодирование, чтобы проверить URL-адрес, ссылку обратного вызова или значение запроса.
Попробуйте реальный рабочий процесс кодирования URL-адресов
Руководство по рабочему процессу аутентификации/API

Кодирование значений redirect_uri или обратного вызова? Используйте руководство по правилам на уровне компонента, а затем вернитесь сюда, чтобы закодировать или декодировать точное значение.

Отладчик токенов JWT
Продолжайте отладку OAuth или токена-носителя.
Руководство по ответам JSON API
Переключитесь с параметров запроса на проверку полезной нагрузки.
Руководство по базовой аутентификации Base64
Следуйте запросу обратно в подготовку заголовка аутентификации.
Что такое кодирование URL-адресов?

Кодирование URL-адресов, также известное как процентное кодирование, преобразует пробелы, символы Юникода и зарезервированные символы в транспортно-безопасный формат. Используйте его, когда URL-адрес браузера, redirect_uri, значение запроса API или скопированная ссылка обратного вызова должны пройти транзит без изменения значения.

Как работает кодирование URL-адресов

Используйте полную кодировку URL-адреса, если хотите, чтобы разделители, такие как :, /, ?, & и =, были читабельными внутри одной полной ссылки. Используйте кодировку компонента, когда одно значение должно находиться внутри параметра запроса, цели перенаправления или вложенного URL-адреса обратного вызова.

Общие случаи использования
  • Кодирование значений redirect_uri, состояния и поиска перед тем, как запрос аутентификации или API покинет ваше приложение.
  • Расшифровка скопированных ссылок обратного вызова из журналов, заявок в службу поддержки или истории браузера.
  • Создание URL-адресов запросов API без нарушения разделителей в базовой конечной точке.
  • Экранирование адресов электронной почты, вложенных URL-адресов и знаков «плюс» внутри одного значения запроса.
  • Проверка Юникода и пробелов перед вставкой URL-адреса в документы или код
Примеры
Ввод: 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 protected]
Выход: email=dev%2Balerts%40example.com
Часто задаваемые вопросы

Когда мне следует кодировать полный URL-адрес вместо одного значения параметра?

Кодируйте полный URL-адрес, если вы хотите, чтобы одна полная ссылка оставалась читабельной и сохраняла разделители, такие как ?, & и =, неповрежденными. Кодируйте одно значение параметра, когда данные должны помещаться в одну пару ключ=значение, например redirect_uri, состояние или поисковый запрос.

В чем разница между encodeURI и encodeURIComponent?

encodeURI сохраняет структурные символы URL, такие как:, /, ? и #, для полной ссылки. encodeURIComponent также экранирует эти зарезервированные символы, что делает его более безопасным выбором для значений параметров запроса, вложенных URL-адресов и скопированных целей обратного вызова.