С помощью сервиса https://appmaker.xyz/pwa-to-apk
Сделал apk, загрузил его в google play studio.
Никаких ошибок нигде не было, т.е. apk проходит без ошибок в релиз.
Сейчас вот жду модерации, пропустят или нет в google play демку vamhost.ru в виде pwa приложения.
Единственное, было предупреждение, что надо использовать google app bundle, что, типа, размер архива большой, хотя всего 1.5mb архив.
Но это всего лишь предупреждение, не ошибка, т.е. пропускает в релиз с этим предупреждением.---------- Добавлено 02.11.2019 в 18:34 ----------Вообще прикольный сервис, кучу времени сэкономит.
Не нужно лазить в android studio, настраивать проект и т.д. и т.п., особенно когда ты с этим никогда не работал.
А так указал адрес любого адаптивного сайта и у тебя готовый apk, который сразу же можно грузить в google play.
Ну да. Это тоже интересный момент. PWA - это ведь, по сути, просто url адрес и всё. Просто открывается url адрес vamhost.ru и уже по необходимости грузится только то, что нужно. Не нужно всё своё хозяйство (весь контент, картинки, библиотеки и т.д. и т.п.) тащить на телефон пользователя. Всё будет выкачиваться только по необходимости, не дошёл пользователь например до страницы со списком товара или карточки товара, ему на телефон ничего и не загрузилось лишнего, а загрузилась только главная страница с контентом главной страницы. В обычных нативных приложениях, я так понимаю, многое сразу упаковано в apk архиве, нужно тебе это не нужно, всё в куче уже загружено на телефон. Очень интересно получается. Для небольших проектиков/сайтов/магазинов доступ к android, железу и не нужен особо.
В общем, буду пробовать обязательно.
Если получится разместить pwa в play market, напишу.---------- Добавлено 01.11.2019 в 21:42 ----------Нашёл сервис для автоматического создания apk - https://appmaker.xyz/pwa-to-apk
Я так понимаю - это просто ещё один плюс к возможностям PWA, т.е. охватить как можно больше потенциальной аудитории, кто-то пользуется браузером и ходит по url адресам, ссылкам, кто-то только качает приложения в play market и не заходит в браузер, вот как раз это возможность с одним и тем же кодом охватить большую аудиторию. Лично для меня вообще PWA видятся намного интереснее чем нативные приложения, браузер - это универсальная среда исполнения, что-то типа виртуальной машины java и лично мне браузер больше нравится, тем более, что chrome сейчас практически монополист, ie даже на базе chrome, да и nodejs это ж тоже хромовский js движок v8 или как там он называется сейчас. Для небольших сайтов, проектиков, проще состряпать pwa, чем возиться с java, kotlin, нативным кодом. Но это imho, пока что не проверял на себе.
Вот хочу сейчас попробовать добавить именно в play market PWA vamhost.ru, посмотрим, получится или нет.
Самое интересное получается, что все обновления доступны сразу всем клиентам, т.е. если нативное приложение надо обновлять, выпускать новую версию apk, проходить модерацию, насколько я понимаю.
Если разместиться в play market как pwa, то даже обовления выпускать не надо, просто обновляю свою демку vamhost.ru и всё.
В общем, интересная вещь, обязательно попробую на себе. Разместить vamhost.ru именно как pwa приложение в play market.
Кстати, магазин Google Play Market уже поддерживает размещение в магазине PWA приложений.
Это значит, что можно cezerin магазин (демку vamhost.ru) разместить в виде обычного приложения в Play Market без каких-либо правок, не надо писать нативное приложение, не надо использовать react native, получается единый код для любых платформ.
Сейчас буду как раз пробовать эту новую возможность в Play Market, попробую разместиться в магазине приложений.
Ещё одна интересная возможность в cezerin - A2HS (Add 2 Home Screen).
Возможность установить Ваш магазин в смартфоне (либо на рабочем столе компьютера, ноутбука) в виде иконки на рабочем столе, т.е. Ваш магазин будет выглядеть как обычное приложение на смартфоне.
Вот как это выглядит.
Когда заходите в магазин https://vamhost.ru
У Вас в браузере выскакивает уведомление: Добавить приложение "The Shop" на главный экран
Нажимаем на это уведомление и подтверждаем нажатием кнопки Добавить:
Всё, появляется уведомление, что наш магазин добавлен на главный экран.
Смотрим, действительно, наш магазин теперь выглядит у нас на телефоне как обычное приложение, в виде иконки:
Кликнув на иконку, наш магазин будет запускаться как отдельное приложение:
Вам не надо запоминать адрес магазина, писать адрес магазина вручную, не надо заходить в браузер, просто кликните на иконку на рабочем столе и всё:
Преимущество в том, что Вам не надо писать своё отдельное приложение, размещать в Google Play, проходить модерацию и т.д. т.п.
cezerin - это уже готовое универсальное, современное web приложение, которое использует все передовые технологии для простоты, скорости и удобства.
На компьютере, ноутбуку Вы тоже можете установить иконку прямо на рабочий стол, нажав кнопку Install в адресной строке браузера:
И подтвердив установку кнопкой Install:
Всё, у Вас на рабочем столе появится такая же иконка с Вашим магазином, такая же как и на смартфоне.
Установил SSL в демку.
Теперь работают push уведомления о новых заказаз в админке.
Делаете заказ в каталоге, в админке заказ появляется сразу же, без перезагрузки страницы + push уведомление вылетает о новом заказе.---------- Добавлено 01.11.2019 в 17:32 ----------
Результаты аудита в хроме:
Результаты Google PageSpeed Insights:
Мобилки: 95 из 100:
Компы: 100 из 100:
и это на очень дохлом VDS хостинге за 100 рублей в месяц.
Взять хороший хостинг и на мобилках будет тоже 100 баллов из 100 возможных.
Вот это 100% :)
magento слишком уж сложный стал, imho.
Да, там есть всё, что угодно и спроектировано всё хорошо. Но так всё сложно, imho, для небольших магазинов magento уже не подходит, уже слишком сложный проект.---------- Добавлено 01.11.2019 в 14:30 ----------
Фронт тоже так сделан, как админка.
Тоже PWA приложение, 100% на api запросах, без монолита. По сути - каталог, это просто шаблон, внешний вид. Сейчас он на react, а может быть на чём угодно, как раз благодаря api центричности.
Разница между админкой и каталогом лишь в SSR части на NodeJS.
Каталог проходит тесты (аудит) гугла в хроме на 100 баллов из 100 возможных в части PWA тестов.
т.е. уже сделано многое: pwa каталог работает в офлайн режиме через workbox гугловский, manifest и т.д. и т.п., в общем, всё, о чём пишет гугл в своих PWA тестах в lighthouse.
Очень надеюсь, что обычные пользователи заценят современный подход к веб-приложениям.
Тот же яндекс уже давно и очень активно переводит все свои сервисы на api центричные pwa приложения: api запросы+react на frontend.
Всякие beru.ru, яндекс маркет, zen работает по такому же принципу как и этот движок магазина.
За этим будущее, именно за таким подходом, imho.
Админка http://admin.vamhost.ru - полностью pwa/spa приложение.
Чисто клиентское приложение, выполняемое в браузере клиента + api запросы к backend'у, т.е. 100% api центричное приложение, микросервисное, 100% работает на запросах к backend'у + react на фронтэнде.
Никаких монолитов а-ля wordpress, opencart, magento, bitrix и т.д. и т.п.
В каталоге сделана серверная часть SSR (Server Side Rendering) - для поисковиков, что б всё хорошо было в поисковиках у магазина.
Не упало, просто хотел SSL поставить, что б push уведомления в админке работали при новом заказе.---------- Добавлено 01.11.2019 в 13:55 ----------Не отличается, та тема в архиве и я там не могу писать ничего.
Что добавлено:
Новые разделы в документации.
Кабинет покупателя.
Регистрация (необязательная)
Аккаунт покупателя.
Активация аккаунта по JWT токену ссылкой из письма.
Вспомнить пароль.
Адресная книга.
Google Analytics с поддержкой режима электронной коммерции.
Поддержка AWS S3.
Готовые docker образы для запуска всего хозяйства докер контейнерами.
Оформление заказа без регистрации, максимально простое и удобное.
По-тихоньку развивается.
Настройки оформления появились в Админке - Настройки - Оформление заказа.
Сейчас по умолчанию выставил что б только имя и телефон нужно было указать для оформления заказа.
Все максимально просто сделано.
