Как установить Revomia как приложение на телефон и компьютер

Revomia работает в браузере, и начинать проще всего именно там. Но сайт можно поставить на домашний экран телефона или в док компьютера. Дальше он открывается как отдельное приложение: своя иконка, своё окно без адресной строки. Магазин приложений для этого не нужен.

Что такое PWA и почему Revomia так умеет

PWA (progressive web app) — это сайт, который браузер умеет установить как приложение. Revomia сделана именно так, поэтому магазин приложений ей не нужен. Браузер сам добавляет иконку и открывает сайт в отдельном окне без адресной строки. Работают системные уведомления, а сохранённые карточки остаются под рукой даже без интернета.

Код в приложении тот же, что и на сайте. Нет отдельной сборки под Android, отдельной под iOS и отдельной под десктоп, нет ожидания проверки в магазине. Новая версия приезжает при обычном открытии, скачивать ничего не нужно.

Что даёт установленное приложение

Иконка на домашнем экране или в доке: запуск одним касанием, без поиска нужной вкладки.
Отдельное окно без адресной строки и без чужих вкладок рядом.
Ничего не нужно скачивать из магазина: приложение ставится прямо из браузера.
Приложение обновляется само, когда вы его открываете.
Напоминания о повторении приходят как системные уведомления. На iPhone это работает только для установленного приложения, об этом ниже.
Сохранённые карточки остаются доступными, когда интернет пропадает.

Карточки остаются с вами без интернета

Когда вы входите в аккаунт или открываете приложение заново, Revomia один раз забирает с сервера снимок ваших карточек и кладёт его в хранилище браузера на этом устройстве. Если с прошлого раза ничего не изменилось, приложение ничего не скачивает повторно.

Снимок обновляется раз за сеанс, поэтому карточки, созданные уже после его загрузки, попадут в офлайн-копию в следующий раз, когда вы откроете приложение.

В снимке лежат темы и сами карточки, вопрос и ответ. Прогресс повторений, даты и изображения туда не попадают.

Когда сеть пропадает и вы открываете приложение, вместо системного «нет подключения» открывается страница Карточки офлайн. Там можно:

просматривать список карточек постранично, по двадцать на страницу;
искать по тексту вопроса или ответа;
фильтровать по теме;
спрятать вопрос или ответ и проверить себя;
открыть карточку целиком в отдельном окне;
переключить язык интерфейса на украинский, английский, немецкий или русский.

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

Когда вы выходите из аккаунта, снимок стирается с устройства.

Android: Chrome

Откройте revomia.net в Chrome.
Справа от адресной строки нажмите кнопку меню (три точки).
Выберите пункт установки приложения и подтвердите «Установить».
Дальше следуйте подсказкам на экране.

Иконка появится на домашнем экране рядом с обычными приложениями.

iPhone и iPad: Safari

На iOS установка живёт в меню «Поделиться».

Откройте revomia.net в Safari.
Нажмите кнопку «Поделиться».
Пролистайте список и выберите «На экран «Домой»».
Поправьте название, если хотите, и нажмите «Добавить».

Если пункта «На экран «Домой»» в списке нет, пролистайте его до конца, нажмите «Изменить действия» и добавьте этот пункт.

Для владельцев iPhone этот шаг важнее, чем кажется. Начиная с iOS 16.4 Apple разрешает веб-уведомления только приложениям, добавленным на домашний экран. В обычной вкладке Safari подписаться на напоминания невозможно: это ограничение системы, а не настройка Revomia. Поэтому в профиле вместо переключателя уведомлений появляется подсказка добавить сайт на домашний экран. После установки переключатель работает как обычно.

Firefox

Firefox ведёт себя по-разному на телефоне и на компьютере.

На Android установка есть: откройте сайт, нажмите «Установить», и в панели «Добавить на главный экран» перетащите иконку в нужное место или просто нажмите «Добавить».

На компьютере Firefox не умеет устанавливать веб-приложения из манифеста. Для этого нужно стороннее расширение, а собственная поддержка до сих пор в разработке: Mozilla экспериментирует с вкладками на панели задач в Windows, но обычной возможностью браузера это пока не стало.

Практически это означает, что в десктопном Firefox Revomia остаётся обычной вкладкой: отдельной иконки и отдельного окна не будет. На всё остальное это не влияет: приложение работает полностью, и страница с офлайн-карточками тоже доступна.

Компьютер: Chrome, Edge и Safari на macOS

Chrome и Edge

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

Safari на macOS

Начиная с macOS Sonoma, Safari сохраняет любую страницу как веб-приложение. В строке меню выберите «Файл» → «Добавить в Dock» или нажмите кнопку «Поделиться» и выберите тот же пункт. Введите название и нажмите «Добавить». Приложение ложится в папку «Программы» вашей домашней папки, так что запускать его можно и из дока, и через Spotlight.

Во всех трёх случаях результат одинаковый: отдельное окно без адресной строки и иконка там, где вы держите остальные приложения.

Как удалить

Android: «Настройки» → «Приложения» → «Показать все приложения», найдите Revomia и нажмите «Удалить».
iPhone и iPad: удерживайте иконку на домашнем экране и удалите её. Установленные из Safari веб-приложения не показываются в списке в «Настройках», зато их видно в «Библиотеке приложений».
Chrome и Edge: откройте приложение и выберите в меню «Удалить». Полный список установленных приложений лежит по адресу chrome://apps в Chrome и edge://apps в Edge.
Safari на macOS: удалите приложение из папки «Программы», как обычную программу.

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