Авторизация с помощью QR / Хабр
Приветствую тебя, уважаемый читатель.
Пришла ко мне как-то идея — сделать вход на сайт с помощью QR-кода. Поиск в сети дал несколько результатов:
- SQRL
- и другие — здесь уже провели поиск, поэтому не буду переписывать)
В начале 2012 года похожий эксперимент был даже у Google (для двухфакторной аутентификации), но не прижилось.
Всё это сложные хитрые клиент-серверные реализации и они, конечно, очень крутые. А вот ключевой момент моей yet another genius идеи:
Пользователь заходит на сайт в современном браузере (где поддерживаться камера и камера есть) и подносит QR-код к камере устройства. А в коде закодированы… правильно! — данные для входа (пара логин-пароль)… просто так, в незашифрованном виде, обычным текстом. Код считывается на стороне клиента javascript’ом, данные вставляются в форму тем же javascript’ом, форма авторизации отправляется javascript’ом.По большому счёту можно использовать и другие виды штрихкодов, но QR, как мне кажется, наиболее популярен (широко распространён) для подобных задач.
И да, применять это можно не только в вебе, но и в любых
ситуациях, когда требуется ввести логин/пароль/что-то с клавиатуры, а у вас есть камера и QR-код.
Наверное идея звучит глупо. Она слишком проста. Но позвольте мне рассказать почему она имеет право на жизнь.
Кому это НЕ нужно
Вам это не нужно, если:
- ваш логин «login» и пароль «password»/«qwerty»/«12345» и вы используете их на Однокласснкиах, ВКонтакте и вообще везде
- вы всегда пользуетесь интернетом с одного компьютера и все логины/пароли для всех ресурсов у вас сохранены в браузере
- вам это не интересно
Преимущества перед ручным вводом
Главное преимущество — ручного ввода нет.
Скорость ввода пароля этим способом ~1 секунда при любой допустимой длине пароляПривлекательность такого способа авторизации становится заметна в случаях когда:
- вы параноик и используете разные пароли (а может быть и логины) для ВКонтакте, Одноклассники, Twitter, Google, Yandex, Mail.ru, StackOverflow и 50-ти других ресурсов
- у вас 2-3 ОЧЕНЬ безопасных пароля длиной более 30 символов и их нужно часто вводить
- вы пришли к другу и хотите войти на сайт *вписать название сайта*, а у друга ru.wikipedia.org/wiki/Das_Keyboard
- у вас есть необходимость часто входить на большое кол-во разных ресурсов и вводить множество разных логинов/паролей… Ну а вдруг!
Можно, конечно, использовать отпечатки пальцев, USB-токены, одноразовые пароли, -NFC-теги-, но для всего этого нужна *модификация серверной части* или аппаратные модификации клиента и др. В случае считывания QR-кода прямиком в поля ввода сервера получает всё те же логин и пароль.
Что ещё?
Где это можно использовать:
— есть множество приложений, хранящих пароли в базе данных, защищённой мастер-паролем. Это классно, но эти приложения показывают вам пароль в виде текста и вам нужно ввести его руками. Можно отображать сохранённый пароль в виде QR-кода
— QR-код можно -выложить чёрным жемчугом на платиновой пластине- распечатать на бумажке/пластике/ и прикрепить его как стильный брелок/связку брелоков
— QR-код можно генерировать при регистрации где-либо, а ваше приложение-менеджер-паролей его считает и сохранит
Демо
Т.к. не особо силён в javascript, то для проверки концепции стянул скрипты, выполняющие задачу чтения кода с камеры, с сайта webqr.
com (спасибо им) и слегка модифицировал их. Посмотреть можно тут.
Безопасность
Бесспорный и главный плюс классических паролей — они хранятся в голове и набираются руками. Главная опасность вышеописанного способа — ваши QR-коды стали доступны злоумышленнику. Но если вы, как мой папа, храните все пароли в файле «Мои пароли.doc» на рабочем столе, то qr-коды даже над>жнее — их не прочитать глазами.
Всё
Спасибо за внимание. Ожидаю критических комментариев, указывающих на фатальные недостатки способа. Или восхищённых возгласов — «Как же я сам до этого не додумался!»?
QR-код
- Подробности
- Категория: Средства визуализации информации
QR-код — это двухмерный штрихкод, который состоит из черных и белых пикселей и позволяет кодировать до нескольких сотен символов.
Это может быть обычный текст, адрес в Интернете, телефон, координаты какого-либо места или даже целая визитная карточка.
Визуальное отображение QR-кодов и сам принцип их действия облегчают пользователям чтение заложенных данных с помощью современных мобильных телефонов, оснащенных камерами. Больше не нужно кликать на гиперссылки, переходить со страницы на страницу сайтов, вводить вручную данные. Достаточно навести камеру телефона на QR-код, и вы тут же получите доступ к его содержимому. К примеру, если код содержится в рекламном объявлении, то при его сканировании контактные данные рекламируемой компании сразу будут сохранены в телефон, или вы получите доступ к сайту с дополнительной информацией о товаре.
QR-коды (от Quick Response — по-английски «быстрая реакция», «быстрый отклик») были разработаны в 1994 году японской компанией Denso-Wave. В самой Японии QR-коды широко используются уже с начала 2000-х годов: их размещают в рекламе, на упаковках товаров, печатают в буклетах, включают в игры, справочники и т.
п. А с появлением достаточно мощных мобильных телефонов, оснащенных встроенными камерами, QR-коды распространились по всему миру, в том числе и в Республике Беларусь. Сегодня вы можете встретить эти загадочные квадраты на рекламных щитах, в витринах магазинов, на обложках книг и журналов и т. п.
«Дошли» QR-коды и до системы образования. Их стали добавлять в учебники и учебные пособия для придания интерактивности печатным изданиям и расширения их содержания дополнительным материалом.
Существует два вида QR-кодов: статистические и динамические.
Статические коды
Статические коды либо хранят информацию непосредственно в текстовом виде, либо ведут на веб-страничку без перенаправления через вторичные ссылки.
Это означает, что информация, либо вызываемая ссылка, не может быть изменена или отредактирована.
Статические коды идеальны для информации, которая остается неизменной, например, ссылка на государственный ресурс.
Динамические коды, также известные как «живые QR-коды».
После его создания информация, на которую ведёт закодированная ссылка, может быть отредактирована без вмешательства в сам код. После сканирования динамический код перенаправляет вас на сервер, который уже на основании данных, хранящихся в базе данных, перенаправит вас на страницу с информацией.
Динамические коды удобны тем, что его создают и наносят один раз, при этом вы можете менять как информацию, которая отображается при его сканировании, так и ссылку (домен, страницу), с которой происходит отображение информации.
Что лучше динамические или статические коды?
Статические коды состоят непосредственно из полезной информации. Это означает что коды нельзя будет отследить и изменить информацию. Это не всегда удобно, т. к. при необходимости изменить отображаемую информацию вам придётся перепечатать все ранее напечатанные материалы.
Динамические коды состоят из ссылок на специализированные веб-серверы, которые хранят информацию о том, какую информацию отображать или на какую веб-ссылку осуществить переадресацию.
Это означает, что вы можете отслеживать динамический код (собирать статистическую информацию) и веб-ссылка назначения может быть изменена или отредактирована без вмешательства в структуру кода. Это делает динамические коды универсальными в том смысле, что вам не придётся перепечатывать ранее напечатанные материалы. Всё, что вам нужно будет сделать, — это поменять ссылку назначения. Со статическими кодами такой вариант не пройдёт.
Тот факт, что вы можете контролировать информацию, отображаемую динамическими кодами даже после того как они напечатаны, говорит в пользу выбора динамических кодов по сравнению со статическими в случае, если их трудно будет заменить после нанесения (большой тираж, либо невозможно физически получить доступ к коду).Также следует помнить, что сервисы, которые создают статические QR-коды, не требуют регистрации. Вы заходите на них и создаете код. Сервисы, которые создают динамические QR-коды, требуют регистрации, т. к. при необходимости вы имеете возможность скорректировать ссылку.
Как бы то ни было, статические коды более широко представлены в бесплатном сегменте, поскольку не предъявляют никаких технологических требований, в то время как динамические коды предъявляют повышенные требования к серверам, через которые происходит их обработка.
_____________________
Для чтения и создания QR-кодов используются различные программы.
ЧТЕНИЕ QR-КОДОВ
Для чтения QR-кодов необходимо установить на мобильный телефон специальную программу. Если программа уже предустановлена в телефоне, другую устанавливать не нужно.
Примеры бесплатных программ для чтения QR-кодов:
СОЗДАНИЕ QR-КОДА (на адрес/страницу в Интернете)
Возможны варианты:
- создание кода с помощью программы на компьютере
- создание кода с помощью онлайн-сервиса (более удобный вариант)
Программа для генерации QR-кода (на компьютере):
QR Code Studio (Бесплатное создание QR-кодов (Windows, Mac OS))
Программа позволяет быстро и удобно создавать QR-коды.
Получаемые коды могут быть сохранены в графическом формате (BMP, GIF, JPG, PNG или TIFF) или скопированы в буфер обмена.
Скачать
Онлайн-сервисы для создания статического QR-кода (примеры):
clck.ru (уникальный сервис: укорачивает ссылки и создает QR-код)
qrcode.tec-it.com,
free-qr.com
QRMania.ru (простой)
qrcode.by/qr-code-generator (художественный код)
creambee.ru/qr-code-generator (художественный код!)
qrcoder.ru,
qr-coder.ru,
ru.qr-code-generator.com
qrcode-monkey.com (с логотипом)
qrcc.ru (с надписью и рисунком)
bestfree.ru/review/services/qr-codes.php (простой+статья)
ru.inettools.net/single/qr-kod-generator (код с надписью и кодом)
Онлайн-сервисы для создания динамического QR-кода (примеры):
- http://qrcode.by
- http://stqr.ru/generator
- https://www.the-qrcode-generator.com/
АЛГОРИТМ ДЕЙСТВИЙ (ссылка на интернет-ресурс):
- Открыть сервис или программу для создания QR-кода.
- Открыть вкладку «Сайт» (URL-адрес, URL).
- Скопировать адрес интернет-ресурса, на который нужно сделать код.
- Вставить скопированную ссылку в поле для генерации.
ДАЛЕЕ…
…в сервисе:
- Нажать кнопку «Создать QR-код» (Create QR Code).
- Для сохранения выбрать формат (если возможно) и нажать кнопку «Загрузить» («Сохранить», Download).
- Задать имя файла (кода) и нажать кнопку «Сохранить».
…в программе:
- При необходимости выполнить дополнительные настройки для кода (размер, разрешение, цвет и т. п.).
- Выбрать в меню «Экспорт» — «Экспортировать штрихкод».
- Задать имя файла (кода), выбрать формат для сохранения (*.BMP, *.GIF, *.JPG, *.PNG или *.TIFF) и нажать кнопку «Сохранить».
Скачать информацию в формате *.PDF
Как использовать и отображать QR-коды на веб-сайтах
QR-коды имеют функции, которые позволяют вам делиться чем-либо в Интернете творчески и удобно.
Используйте эту технологию, разместив QR-код на своем веб-сайте.
Вот 9 способов интегрировать QR-код на ваш сайт.
Содержание
- Что такое QR-код
- QR-коды в бизнесе
- 9 способов использования и отображения QR-кода на веб-сайтах
- Поделитесь местоположением вашей компании
- Разрешите своим клиентам делать заказы из вашего ресторана
- Увеличьте количество подписчиков в социальных сетях
- Запустите конкурсную кампанию
- Позвольте людям легко купить билет
- Используйте QR-код для обмена эксклюзивным контентом
- Разрешить людям легко загрузить ваше приложение
- Бета-доступ к видеоиграм
- Разрешить людям легко находить вашу электронную почту службы поддержки
- Как создать QR-код
- QR-коды на веб-сайтах
Коды быстрого ответа или QR-коды — это двумерные штрих-коды, изобретенные Масахиро Хара и выпущенные в 1994 году.
В отличие от традиционных штрих-кодов, QR-коды быстро чтение кодов, которые могут хранить большие данные.
По сравнению со штрих-кодами, которые могут отображать только буквенно-цифровые символы, QR-коды могут отображать и перенаправлять сканеры на различные данные, такие как веб-сайты, фотографии, видео и другие файлы.
Людям также не нужно покупать сканирующие устройства для доступа к данным в QR-коде.
QR-коды можно сканировать с помощью смартфонов, что делает эти коды доступными для всех.
Связано: Что такое QR-код и как он работает? Полное руководство для начинающих
QR-коды в бизнесеПервоначально эти коды использовались для отслеживания автомобильных запчастей, но они эволюционировали и теперь используются в более широком контексте.
Сейчас они используются в бизнесе и других сферах.
Эти QR-коды используются в рекламе и маркетинге фильмов. Они также используются для обеспечения удобного процесса и многого другого.
Когда разразилась пандемия, эти коды стали ценным инструментом для обеспечения бесконтактного процесса.
Они используются для обеспечения процесса бесконтактной оплаты и меню и используются для уменьшения взаимодействия в галереях.
9 способов использования и отображения QR-кода на веб-сайтах Поделитесь местоположением своей компанииВ настоящее время люди проводят большую часть своего времени в Интернете. Вот почему присутствие в Интернете очень важно для деловых учреждений.
Но как вы можете подключить свой веб-сайт к вашему физическому магазину?
Люди в Интернете часто не тратят время на поиск магазинов и заведений, которые они обнаруживают в Интернете.
Увеличьте посещаемость вашего магазина и позвольте людям, обнаружившим ваш магазин в Интернете, легко найти и посетить ваш магазин с помощью QR-кодов на веб-сайте.
Разместите на своем веб-сайте QR-код, который перенаправляет сканеры на веб-карту (карты Google или Waze), на которой показано местоположение вашей компании.
Таким образом, людям больше не придется открывать приложение веб-карты и искать свое местоположение в Интернете.
Они также могут заинтересоваться посещением вашего магазина, как только обнаружат, что он находится рядом с ними.
Онлайн-сервисы заказа и доставки еды стали очень полезной платформой, особенно во время пандемии.
Эти платформы не только позволяют ресторанам продолжать работу во время карантина, но и помогают клиентам наслаждаться любимой едой, не выходя из дома.
Позвольте своим клиентам легко делать заказы в вашем ресторане, отображая QR-код на веб-сайте.
Создайте QR-код, перенаправляющий клиента в ваш ресторан на платформе онлайн-заказов и доставки, такой как Foodpanda или Swiggy.
Затем разместите этот QR-код на своем веб-сайте. С помощью этого QR-кода люди, которые посещают ваш сайт, могут легко делать заказы в вашем ресторане.
Вы также можете связать веб-сайт своего магазина со всеми своими профилями в социальных сетях и увеличить количество подписчиков в социальных сетях с помощью QR-кода.
Создайте и отобразите QR-код, который отображает и содержит все ваши учетные записи социальных сетей на вашем веб-сайте.
Таким образом, посетители могут легко просматривать и подписываться на ваши учетные записи в социальных сетях, сканируя QR-код.
С этим QR-кодом люди больше не будут вводить и искать ваш профиль в социальных сетях.
Проведите конкурсную кампаниюQR-код — лучший вариант, если вы хотите провести креативную, но удобную конкурсную кампанию к своему юбилею на своем веб-сайте.
QR-код имеет множество функций, которые вы можете творчески интегрировать в различные кампании, включая проведение конкурса.
Вот один пример: Вы можете создать QR-код с несколькими URL-адресами, в котором URL-адрес QR-кода меняется после определенного количества сканирований.
Этот QR-код может быть установлен для выбора определенного количества сканеров, которые вы хотите выбрать в качестве победителя.
Например, если вы хотите, чтобы первые десять сканеров выиграли ваш ваучер, вы можете установить QR-код, чтобы перенаправить десять сканеров на ссылку, по которой они могут получить ваучер.
Затем установите QR-код на веб-сайт по умолчанию для последующих сканирований. Разместите этот QR-код на своем веб-сайте и позвольте своим клиентам принять участие.
Позвольте людям легко покупать билетыМаркетологи рекламируют предстоящие шоу и выставки на веб-сайте, чтобы информировать больше людей о предстоящем шоу или выставке.
Запустите более эффективную кампанию для предстоящего мероприятия с помощью QR-кодов.
Сгенерируйте QR-код, который перенаправит сканер на ссылку, где можно купить билет.
Затем разместите этот QR-код на сайте вместе с вашей рекламной кампанией.
Таким образом, люди, которые посещают ваш веб-сайт, чтобы узнать подробности о вашем мероприятии, могут легко приобрести билет на ваши представления и выставки, отсканировав QR-код.
Если вы художник или влиятельный человек, который получает комиссию за эксклюзивный контент, вы можете использовать QR-коды для более эффективного распространения своих работ среди платящих поклонников. Вот как:
Сначала создайте защищенный паролем QR-код, содержащий ваш эксклюзивный контент, и отобразите этот QR-код на своем веб-сайте.
Разместите этот QR-код на своем веб-сайте, где поклонники смогут легко его увидеть и отсканировать. Затем поделитесь паролем QR-кода со всеми вашими подписчиками.
Таким образом, вам больше не придется отправлять эксклюзивный контент своим поклонникам индивидуально.
QR-код также позволяет редактировать и изменять содержимое вашего QR-кода.
Таким образом, вы можете отправлять и распространять другой эксклюзивный контент без изменения отображаемого QR-кода на вашем веб-сайте.
Позвольте людям легко загружать ваше приложение Вы также можете использовать этот QR-код, чтобы увеличить количество загрузок вашего приложения.
Если ваша компания предлагает мобильное приложение, вы можете создать QR-код, который перенаправляет сканеры в ваше мобильное приложение в App Store или Apple Store.
С помощью этого QR-кода люди, которые посещают ваш веб-сайт, могут легко загрузить ваше приложение, не выполняя поиск в App Store.
Связано: Что такое QR-код магазина приложений и как его использовать?
Бета-доступ к видеоиграмВы разрабатываете приложение и хотите, чтобы люди протестировали его и дали вам свои комментарии, прежде чем вы официально запустите его?
Проведение игрового тестирования может сильно помочь вам в улучшении приложения. Позвольте людям участвовать в тестировании вашей бета-версии с помощью QR-кодов.
Отобразите QR-код на своем веб-сайте и перенаправьте свой сканер на веб-страницу, где они могут зарегистрироваться и загрузить бета-версию вашего приложения.
Позвольте людям легко найти вашу электронную почту службы поддержки Люди иногда испытывают трудности с поиском контактов на веб-сайте компании.