Как я узнал больше о QR-кодах и сделал генератор PWA
Сознательно или нет, все мы уже какое-то время используем QR-коды - чтобы совершать платежи, открывать WhatsApp Web или ссылки из печатной рекламы. Если вы не знали, они выглядят так:
![](/static/storage/125950361370417758113024925171301017230.png)
Этот шаблон содержит информацию, которую можно прочитать, направив на нее камеру своего телефона. Недавно я обнаружил, что мой iPhone может обнаруживать QR-коды конфигураций WiFi и мгновенно подключаться к ним. Я с удивлением сел и подумал, сколько времени было потрачено всем человечеством на то, чтобы поделиться именем и паролем WiFi.
Последние версии iOS и Android поддерживают сканирование QR-кода в своих родных приложениях камеры. Я обнаружил различные типы поддерживаемых ими QR-кодов - контакты, события, местоположение, телефонные звонки и SMS и многие другие - и создал PWA, который генерирует коды для всех этих типов. Я назвал это Share By Cam, потому что я подумал, что это отличный способ обмена общими данными; и потому что камера требуется, чтобы завершить круг обмена.
![](/static/storage/241177063708318454251131389311719009637.png)
Я искал существующие решения и обнаружил у этих приложений одну или несколько из следующих проблем:
- Они не охватывают все типы
- У них были сложные формы
- Они показывают слишком много рекламы
- Они отправляют данные на сервер
- Они не работают в автономном режиме
- Они не отзывчивы
Этот список породил основной список функций Share By Cam.
1. Охватывает большинство типов
Я не смог найти официальную документацию от Apple или Google, в которой перечислены типы QR-кодов, которые может обнаружить их ОС. Я искал в интернете все доступные генераторы QR-кодов, составил сводный список и создал их:
- Контакт (визитная карточка)
- Электронное письмо
- Событие (iCalendar)
- Ссылка на сайт
- Расположение
- Телефонный звонок
- S
- Текст
- Wi-Fi
Разработчик также может встраивать глубокие ссылки приложения (через текст) и инициировать действия, делая возможности бесконечными.
Я также добавил WhatsApp Message с помощью глубоких ссылок, поскольку это популярное занятие, которым занимаются люди.
2. Упрощенные формы
Я добавил описательные предварительно заполненные значения и подробные метки, где это необходимо. Я также приложил короткие видео, которые кратко объяснили процесс.
![](/static/storage/247505401581035212322810162639240754771.png)
3. Нет рекламы
Я не только не добавил рекламу в это приложение, но и настроил Google Analytics так, чтобы не собирать данные, относящиеся к рекламе.
{ allow_google_signals: false }
4. Что происходит на вашем устройстве, остается на вашем устройстве
Я использовал эту библиотеку для генерации QR-кодов на самом устройстве. Данные нигде не хранятся и не отправляются - ни по URL, ни в локальное хранилище, а самое главное, не за пределами вашего устройства.
5. Прогрессивное веб-приложение (PWA) для работы в автономном режиме
Сделав приложение PWA, я установил его как собственное приложение. Также появилась возможность работать в режиме самолета.
![](/static/storage/242752728690407949737013416571372144684.png)
![](/static/storage/336629261557994367120113696651375319463.png)
6. Отзывчивый
Большинство людей беспокоятся только о экранах ноутбуков, планшетов и телефонов. Я гарантировал, что Share By Cam отлично смотрится и на больших экранах.
![](/static/storage/44523339721073904053615857721022563797.png)
QR-коды ускоряют процесс обмена данными, а также устраняют человеческие ошибки при этом. Помимо использования QR-кода WiFi, чтобы помочь гостям подключиться к вашей сети, я также рекомендую вам иметь QR-код экстренного телефонного звонка на вашем холодильнике или на столе, чтобы вы могли вызывать его во время чрезвычайных ситуаций, а не искать контакт, спрятанный в вашем телефоне. Контактный QR-код, прикрепленный к задней панели телефона, также поможет другим пользователям правильно сохранить ваше имя и номер.