- PVSM.RU - https://www.pvsm.ru -

pswd.me: Yet another password generator and reminder

pswd.me: Yet another password generator and reminder

Всем привет!

В то время пока я не спеша «причесывал» свой микро-сервис, пользователь vladstudio [1] (уважение ему за его творчество) опубликовал статью про свой, на первый взгляд очень похожий, генератор паролей. Ну что ж, поспешу и я рассказать о своем детище, дабы не было обвинений в плагиате.

Вообще, зародыш идеи возник где-то с год назад и первоначально прототип так же представлял собой одну страничку которая валялась на компе и не пользовалась успехом даже среди меня. Некоторое время назад этот прототип мне снова попался на глаза и я решил немного развить идею — посмотрел похожие сервисы в сети, почитал идеи о которых писали на хабре и конкретно такой реализации мне не встретилось. В итоге получился сервис pswd.me [2]

Сразу прошу меня простить если у кого-то сервис не будет работать или будет работать некорректно — протестировать во всех браузерах и на всех системах возможности нет, об ошибках прошу сообщать в личку. Так же сервер может тормозить или вообще упасть из-за хабраэффекта — хостинг [3] бесплатный1 [4]

Интерфейс

pswd.me: Yet another password generator and reminder

  1. Типы кодирования
    No encoding — текст как есть, без кодирования
    Simple — простая замена
    Base64он самый [5]
    Simple+3 — простая замена + 3 доп. символа
    S+Base64 — Simple+3 и еще дополнительно в Base64
    TEABlock TEA (Tiny Encryption Algorithm) [6]
    AESRijndael (AES) [7]

  2. Тема (влияет только на визуальное восприятие). 5 предустановленных тем, можно указать URL на свою тему.
  3. Опции отображения букв и символов
  4. Визуальное представление букв и символов
  5. Пароль в виде картинок
  6. Пароль в виде текста
  7. Картинка, с зашитым в нее зашифрованным паролем
  8. QR-код с ссылкой
  9. И собственно сама ссылка на восстановление пароля

Генерации пароля

  1. Выбираем тип кодировки
  2. Выбираем тему из доступных или указываем какую-нибудь свою (я использую темы размером 576х192, одна картинка 48х48). Пример [8]. Или можно вообще подготовить маску вроде такой [9]).
  3. Дальше нажимаем на картинки генерируя при этом пароль. Но метод запоминания картинок вместо букв, плохая затея — испытано на себе. Поэтому нужно использовать другие варианты, например:
    Нажимаем картинки в определенной последовательности

    Если нажимать змейкой, то получаем пароль an1;3rgt7`9x

    pswd.me: Yet another password generator and reminder [10]

    Нажимаем картинки только с определенным цветом

    Все зеленые животные, в обратном порядке, тип кодирования «S+Base64» — получаем пароль aFhHblo7emB+fHI8Uj91Ww==

    pswd.me: Yet another password generator and reminder [11]

    Нажимаем одну картинку и используем типы кодирования TEA или AES

    Российский флаг и AES дают нам пароль e13b43d2883bc20862f415bb14c168b2

    pswd.me: Yet another password generator and reminder [12]

    Это лишь несколько примеров, уверен запросто придумаете свой оригинальный.

  4. Пароль сгенерировали, нажимаем кнопку «Get code» и получаем 2 картинки. В первой картинке зашит зашифрованный пароль. Вторая картинки это QR-код со ссылкой (та, что справа) на восстановление пароля.

Напоминание пароля

Для напоминания пароля есть несколько вариантов

  1. Собственно, на главной странице нажать те же картинки что и при генерации (нужно помнить что нажимать)
  2. Открыть страницу с параметрами через QR-код или сохраненную текстовую ссылку
  3. Воспользоваться специальной формой [13], через которую нужно загрузить картинку с зашитым паролем
  4. Установить плагин [14] (пока только для Firefox и еще на стадии проверки)
    pswd.me: Yet another password generator and reminder

Заключение

Конечно же, данный сервис не претендует на уникальность и не спасет от всех проблем с запоминанием и хранением паролей. Да, это еще один велосипед, может быть в чем-то более удобный, но он точно не без минусов. В зависимости от откликов и востребованности сервиса, я его буду (или не буду) развивать. Буду рад конструктивным замечаниям, дополнениям и пожеланиям.

Что касательно недоверия к обфусцированному коду — пока в коде много мусора, когда будет готова страница c хэлпом выложу туда js исходники. С главной страницы ничего на сервер не передается, кроме запроса на генерацию картинки с зашитым паролем. Посмотреть что делает плагин не составит большого труда, код там без обфускации.

Это моя первая статья на хабре не про структуры данных в java )


OpenShift [15]. При вводе адреса pswd.me происходит редирект на pswd-rda.rhcloud.com, не пугайтесь, это настоящий адрес сервиса. Нормально прикрутить свой домен у меня пока не получилось.

Автор: tarzan82


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/bezopasnost/13524

Ссылки в тексте:

[1] vladstudio: http://habrahabr.ru/users/vladstudio/

[2] pswd.me: http://pswd.me

[3] хостинг: https://www.reg.ru/?rlink=reflink-717

[4] 1: #1

[5] он самый: http://www.hpyer.cn/jquery-plugin-base64-encode-and-decode.html

[6] Block TEA (Tiny Encryption Algorithm): http://www.movable-type.co.uk/scripts/tea-block.html

[7] Rijndael (AES): http://javascript.about.com/library/blencrypt.htm

[8] Пример: http://pswd-rda.rhcloud.com/#!/E:5/T:5/W:14L15L16L30L31L22L23L/CS:aHR0cDovL3d3dy50aGVmb3hpc2JsYWNrLmNvbS9ibG9naW1hZ2VzL3N0YWNrc3RlZXMuanBn

[9] такой: http://habrastorage.org/storage2/fa6/db3/e83/fa6db3e831580c2c17a9c0b2df530b4c.png

[10] Image: http://habrastorage.org/storage2/2c2/8c6/190/2c28c61906b5a835c80fc9626dcbb6fb.png

[11] Image: http://habrastorage.org/storage2/622/535/47c/62253547c8c008b617a2df570c6bb3b2.png

[12] Image: http://habrastorage.org/storage2/b2c/842/e6c/b2c842e6cb2a347e772a11d13f52e20c.png

[13] формой: http://pswd.me/gp/

[14] плагин: https://addons.mozilla.org/ru/firefox/addon/password-reminder/

[15] OpenShift: https://openshift.redhat.com/app/