Приложение для мобильных устройств и Push-уведомления

1969

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

Мы видим, что более двух третей из вас пользуются сайтом с мобильных устройств и планшетов. В условиях, когда сайт изначально затачивался под чтение на больших экранах, это приводит к не самому комфортному опыту пользования.

Сейчас, впервые с начала полномасштабной войны, я наконец снова могу вернуться к работе над сайтом. И могу заверить вас, что ближайшие месяцы будут посвящены тому, чтобы сделать Альфа Центавра более удобной для пользования именно на мобильных девайсах.

Приложение

Начать я решил с главного. Самый частый запрос, связанный с “мобильной” частью сайта — мобильное приложение.

Скажу честно — сам я предпочитаю пользоваться мобильными версиями сайтов вместо установки приложений. Хотя запрос мне и понятен. А вот средств и сил на разработку отдельного приложения увы, не хватает. Поэтому было решено найти компромисс: вместо устанавливаемого из магазина приложения Альфа Центавра мы превратили наш сайт в Progressive Web App — разновидность приложений. По сути, сайт “устанавливается” на ваш смартфон или планшет и подгружает только необходимую информацию.

Над, собственно, подгрузкой информации мы ещё будем работать, но самый важный этап уже пройден. Установить наше “приложение” можно на домашний экран следующим образом:

На Android

  • Если вы открыли наш сайт через браузер, в нижней части экрана кликните по клавише “Установить”. Иконка приложения будет добавлена на ваш рабочий стол.
  • Если клавиши “Установить” внизу нет, кликните по клавише “опции” возле адресной строки браузера. И выберите в появившемся меню “Добавить на домаший экран”:
Так это выглядит на сайте Starbucks. Та же картина должна быть видна и на нашем сайте.

На iOS

Откройте наш сайт через браузер Safari (увы, поддерживается только он). Кликните по клавише “Поделиться”. Пролистайте опции вниз и найдите “Добавить на домашний экран”. Введите желаемое имя приложения и подтвердите выбор.

После проделанных действий и на Android-, и на iOS-устройстве у вас появится иконка нашего приложения. При клике по ней вы теперь сможете взаимодействовать с сайтом: логиниться, читать и оставлять комментарии, писать свои материалы и просматривать материалы других пользователей. Но главное, вы сможете получать Push-уведомления.

Уведомления

В ближайшие недели я планирую немного перелопатить систему уведомлений в целом. Однако и сейчас она довольно информативна: пользователи получают сообщения о новых оценках своих комментариев, об ответах на эти комментарии. О комментариях под своими материалами в целом. Это позволяет вам не терять нить дискуссии и оставаться на связи в тех темах, которые вы отметили своей активностью.

С сегодняшним обновлением я добавил возможность получения уведомлений с сайта прямо на ваше устройство. Увы, пока эта функция работает только на Android и Windows, однако я постараюсь поскорее сделать её доступной и из-под iOS-устройств.

Итак, подписаться на уведомления можно двумя способами: прямо в меню сайта в приложении (вызывается кликом по иконке трёх полосок справа сверху), либо просто в браузере. Вы увидите там красную кнопку “Push-уведомления”, после клика по которой браузер попросит вас подтвердить свой выбор. Как только вы это сделаете — тут же будете добавлены в базу наших пользователей.

Я очень рекомендую сперва установить наше приложение в виде Progressive Web App на рабочий стол смартфона, залогиниться в нём (это делается буквально в два клика). И только после этого подписываться на уведомления: в таком случае ваше устройство будет привязано к вашему аккаунту и вы будете получать не только уведомления о новых материалах, но и те, которые касаются конкретно вашего профиля: о лайках, комментариях и ответах.

Если вы вдруг подписались на уведомления, не будучи при этом залогиненными, не беда: просто залогиньтесь, зайдите в настройки профиля и кликните по кнопке “Включить/Проверить Push-уведомления”. В итоге ваш браузер/девайс будет повторно привязан уже к вашему личному аккаунту.

Читать уведомления не обязательно, их можно просто “свайпать” в сторону и оставлять на потом. При этом если вы отметите уведомления прочитанными в приложении, они автоматически пропадут из центров уведомлений ваших устройств.

Какие уведомления мы присылаем и как часто?

Сейчас вручную мы будем присылать только сообщения о новых материалах на сайте, будь то новости или крупные редакционные статьи или переводы. Со временем, возможно, появится возможность получать уведомления о новых видеороликах или материалах пользователей, на которых вы подпишетесь: технический “костяк” для этого уже подготовлен, а сама система написана таким образом, чтобы быть максимально гибкой. Будет возможность отслеживать через наш сайт запуски ракет-носителей и предстоящие трансляции.

Если вы не логинились на сайте перед подпиской на уведомления (подписались просто в браузере или приложении), это единственный тип уведомлений, которые вы будете получать. Если же вы вошли в свой профиль и привязали его к устройству, вы будете получать уведомления о:

  • комментариях под вашими материалами
  • ответах на ваши комментарии
  • лайках/дизлайках под вашими комментариями
  • опечатках в ваших материалах
  • о распубликации ваших записей администрацией
  • о бане аккаунта
  • системные уведомления, которые рассылаются всем зарегистрированным пользователям сайта

По сути, Push-уведомления — это выход ваших личных уведомлений на сайте в операционную систему вашего устройства. Это удобно и информативно. И я уверен, что это позволит вам получать полноценный опыт использования сайта Альфа Центавра.

Помимо этого была исправлена масса сторонних ошибок, значительно ускорена загрузка сайта для новых и незалогиненных пользователей. Такая работа велась постоянно, поэтому я практически о ней не отчитывался.

Оставайтесь на связи, будем уведомлять вас о космических делах и событиях!

24 Comments

Show All

Please, into your profile to comment posts, make bookmarks and rate other users. It takes two clicks to create a profile or log in.

Вер 12, 2022 12:12

Це – потужно!

Вер 12, 2022 13:12

Швидкість завантаження зросла, але недостатньо для мобільного інтернету. Оптимізуйте графіку будь-ласка, бо довго вантажиться

Вер 12, 2022 15:23

повільно завантажуються саме зображення?

Вер 12, 2022 15:20

Прокрастинационная кнопочка загрузить ещё в разделе свежее скрыта шторкой приложения, пофиксите пж)

Вер 12, 2022 15:23

Хм, она вроде бы должна при прокрутке на мобильных устройствах автоматически нажиматься. А можете пожалуйста сделать скриншот и загрузить куда-то, чтобы я быстрее разобрался и исправил проблему? Спасибо!

Вер 12, 2022 17:45

Контент видалено за запитом автора

Вер 14, 2022 15:24

https://ibb.co/nR5Z4gX
Вот. Автоматом не нажимается. Смартфон Redmi Note 8t, открывается приложение чем-то “на движке firefox”, я не уверен, связанно ли это с тем что у меня установлен firefox как основной браузер или это встроенные средства смартфона

Вер 12, 2022 20:03

сомневаюсь что так должно быть.
во всем остальном приложение работает коректно за что большое спасибо.

https://mega.nz/file/DxEQyRJR#AiSszE2lHDFfPSlsFhwF7neujrm8WTnjZyfoplgW-lE

https://mega.nz/file/K8FCQZpQ#XA_S25-wnUITpoEDiiNArf0SzPhLvtyvT-iY4B6cUjY

Вер 12, 2022 20:04

Благодарю, будет исправлено уже завтра к полудню 🙂

Вер 12, 2022 22:19

Вёрстку вроде бы исправил

Вер 12, 2022 22:27

У меня все по прежднему

Вер 12, 2022 21:56

Мій внутрішній перфекціоніст трохи кричав поки я читав)
Текст “прижатий” до лівого краю екрану. А так хочеться щоб був на всю ширину екрану 🙂

Вер 12, 2022 22:20

Маєте на увазі розміщення тексту по ширині, чи малий відступ зліва?