Бесплатно HTML в ИИ-конструкторы сайтов за минуты создают аккуратный лендинг или небольшое веб-приложение. Следующий вопрос всегда один и тот же: можно ли поставить это на телефон как настоящее приложение? Обычно да. Как именно, зависит от того, что даёт конструктор.
Вариант 1: сайт уже в сети
Если у вашего проекта есть публичный адрес, самый быстрый путь — вариант URL сайта в Free HTML to APK. Вставьте ссылку, задайте название и значок и соберите. Приложение загружает ваш живой сайт, поэтому любые изменения, которые вы публикуете, появляются в приложении без новой сборки.
Полезно знать:
- Ссылки на тот же сайт остаются внутри приложения. Ссылки на другие сайты открываются в браузере, если вы не решите оставить их в приложении.
- Если телефон уходит в офлайн, приложение показывает дружелюбный офлайн-экран и само переподключается, когда сеть возвращается.
- Google Play строже относится к приложениям, которые лишь оборачивают сайт. Добавьте что-то приложенческое — главный экран, меню или нативную функцию — перед публикацией.
Вариант 2: скачайте код
Большинство конструкторов позволяют скачать проект или синхронизировать его с GitHub. Дальше всё зависит от содержимого.
Обычный HTML
Если вы видите index.html рядом с файлами CSS и JavaScript, заархивируйте папку и используйте вариант ZIP-файл. Приложение найдёт index.html и сохранит вашу структуру папок.
Проект на React, Vue или Vite
Если вы видите package.json и папку src, проект сначала нужно собрать. На компьютере выполните команду сборки (обычно npm run build). Она создаст папку dist или build. Заархивируйте эту папку, а не весь проект, и импортируйте её.
Одностраничные приложения с клиентской маршрутизацией работают нормально, потому что приложение отдаёт ваши файлы с настоящего защищённого веб-адреса внутри телефона.
Что часто требует небольшой правки
- Абсолютные пути. Некоторые сборки указывают на файлы с косой чертой в начале. В Free HTML to APK это работает, но если сборка настроена на вложенную папку, верните базовый путь на
/. - Бэкенды. Если сайт общается с базой данных или API, этот сервер всё равно должен работать. Приложение упаковывает только фронтенд.
- Вход через Google. Некоторые провайдеры входа блокируют встроенные браузеры. Проверяйте вход заранее и используйте провайдера, который это разрешает.
Пусть он ощущается как приложение
Несколько настроек сильно помогают: заставка, нижняя панель вкладок для основных страниц, обновление потягиванием и фирменный цвет в строке состояния. Всё это есть в мастере сборки, и ничего не требует кода.