Хобрук: Ваш путь к мастерству в программировании

Как передать токен JWT на стороне клиента?

У меня 2 страницы. Одна страница предназначена для регистрации, а вторая — для сведений о пользователе. На странице регистрации пользователь вводит свои данные и регистрируется. Моя проблема заключается в том, что после регистрации я хочу перенаправить пользователя на страницу сведений, где только зарегистрированные пользователи могут видеть свою информацию.

Я использую JWT для аутентификации. После регистрации, когда я получаю токен, я не знаю, как передать его на следующую страницу. Я хочу установить заголовок для токена. но после получения токена, когда я устанавливаю заголовок, этот заголовок теряется при перенаправлении на следующую страницу. Я не отправляю никаких запросов ajax, а также использую простой html и hbs для механизма шаблонов.

02.10.2019

  • Это правда? Вы вызываете свой API для регистрации, и API отправляет обратно клиентскому токену. Если это так, вы можете сохранить токен в локальном хранилище браузера и использовать токен для вызова информации о пользователе API на странице сведений. 02.10.2019

Ответы:


1
  • Как только вы получите токен со стороны сервера, сохраните его в файлах cookie или в локальном хранилище в браузере с тайм-аутом.
  • Затем создайте общий метод для токена чтения из локального хранилища или coockies, а затем измените этот токен в заголовках запросов с помощью Interceptor для всех вызовов ajax.

Примечание: пройтись по перехватчикам

02.10.2019
  • Но я не делаю никаких запросов ajax. Итак, как я могу получить доступ к этому токену на стороне клиента, чтобы использовать его для локального хранилища? . Проблема в том, что у меня есть токен на стороне сервера. и я перенаправляюсь на другой URL-адрес, а затем потерял свой токен. 02.10.2019

  • 2

    Если вы не работаете над REST APIs, вы можете использовать сеанс для аутентификации пользователя.

    Так что все будет обрабатываться в бэкэнде. Passport — хороший пакет для обработки аутентификации пользователя.

    02.10.2019
  • Да, я не работаю над REST API и хочу разработать веб-приложение на узле js. Но как я могу использовать сеансы в узле js? . 02.10.2019
  • для этого вам может понадобиться экспресс-сессия и паспорт, проверьте sitepoint .com/local-authentication-using-passport-node-js 03.10.2019
  • Новые материалы

    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

    Как свинг-трейдеры могут использовать ИИ для больших выигрышей
    По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..

    Как построить любой стол
    Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...

    Обзор: Машинное обучение: классификация
    Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..

    Разработка расширений Qlik Sense с qExt
    Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..