Сайт и создание приложений связаны теснее, чем кажется: в большинстве случаев приложение для небольшого бизнеса — это тот же сайт в другой упаковке. Упаковок четыре: ярлык на экране телефона, устанавливаемый сайт (PWA), APK-обёртка и нативное приложение. Первые две делаются за день-два и почти ничего не стоят, четвёртая — отдельный проект на месяцы.
Ниже — чем эти четыре способа отличаются, как выбрать свой, что нужно сайту, чтобы он устанавливался на телефон как приложение, чем рискует тот, кто собирает APK из сайта в онлайн-сервисе, и когда приложение не нужно вообще. Отдельно — про обратные запросы: сайты для создания приложений и макетов и создание сайта через приложение на телефоне.
Прежде чем делать приложение, нужен сайт, который удобно открывать с телефона, — из него вырастают все остальные варианты. Создание сайтов под ключ: лендинг — от 15 000 ₽, корпоративный сайт — от 40 000 ₽, магазин — от 60 000 ₽. Мобильная версия входит в цену, договор и гарантия 12 месяцев.
Тридцать страниц поиска: конструкторы — 22, «из сайта» — 2
Я просмотрел тридцать страниц, которые поиск показывает по запросам о сайтах и создании приложений, и посчитал, что написано в заголовках и описаниях.
Двадцать две страницы — конструкторы приложений и подборки таких конструкторов. Девятнадцать обещают «без кода» или «без программирования», семнадцать — «бесплатно». На одиннадцати упомянут искусственный интеллект, на пяти — что приложение будет готово «за минуты» или «мгновенно». Восемь страниц — на английском. Шесть — рейтинги: «топ-10», «топ-59», «топ-62».
Теперь сравните с запросами. Люди спрашивают про создание приложения из сайта, APK для сайта, приложение на основе сайта — а о превращении сайта в приложение говорят две страницы из тридцати. Устанавливаемый сайт (PWA) упомянут один раз. Публикация в магазинах приложений — тоже один раз, хотя именно на ней спотыкается большинство самодельных проектов.
Поиск отвечает «вот конструктор», а человек спрашивал «у меня уже есть сайт, что с ним сделать». На этот вопрос и отвечу.
Три направления в одном запросе
- Из сайта — приложение. Сайт уже есть, нужно, чтобы он стоял значком на телефоне клиента. Формулируют это по-разному: создание приложения к сайту, создание приложения под сайт, создание приложения на базе сайта, создание сайта с приложением. Этому посвящена основная часть статьи.
- Сайт для создания приложений. Онлайн-конструктор, где приложение собирают в браузере, или сервис для рисования макетов. Об этом — ближе к концу.
- Создание сайта через приложение. Обратная задача: собрать сайт с телефона, в мобильном приложении конструктора. Тоже разберу коротко.
Создание приложения из сайта: четыре способа
Способы расположены по возрастанию цены и возможностей. Каждый следующий имеет смысл, только если предыдущего не хватило.
Ярлык на экране
Любой сайт можно закрепить на главном экране телефона через меню браузера: «Добавить на главный экран» или «На экран Домой». Появится значок, по нажатию откроется сайт в браузере. Никакой разработки не нужно — достаточно подсказать клиентам, как это сделать. Минус: выглядит и ведёт себя как закладка.
Устанавливаемый сайт — PWA
Это создание веб-приложения из сайта в прямом смысле. К сайту добавляют два небольших файла, после чего телефон предлагает его «установить»: появляется значок с вашим логотипом, сайт открывается без адресной строки, на весь экран, и может показывать сохранённые страницы без интернета. На Android доступны уведомления; на iPhone они работают для сайтов, добавленных на экран, в современных версиях системы. Магазин приложений не нужен.
APK-обёртка
Создание APK из сайта — это программа-оболочка, внутри которой открывается ваш сайт. По сути, браузер без адресной строки, упакованный в установочный файл. Её можно выложить в магазин приложений или раздавать файлом. Содержимое по-прежнему приходит с сайта: поменяли цену на сайте — она поменялась и в приложении.
Нативное приложение
Отдельная программа, написанная под Android и iOS. С сайтом её связывают только общие данные: товары, заказы, пользователи. Нужна, когда требуется то, чего сайт не умеет: плотная работа с камерой и датчиками, сложная анимация, работа с большими объёмами данных без сети. Это другая профессия и другой бюджет.
Какой способ подойдёт вам
Отметьте, что действительно нужно. Подсказка выберет самую низкую ступень, которая закрывает ваши требования.
Подходящий способ: ярлык на экране
Ничего сверх обычного сайта вам не нужно. Убедитесь, что сайт удобен на телефоне, и покажите клиентам, как закрепить его на экране.
Создание web-приложения из сайта: что нужно для PWA
Чтобы телефон признал сайт устанавливаемым, нужны три вещи.
- Защищённый адрес. Сайт должен открываться по https. Сегодня это и так норма.
- Файл-манифест. Короткое описание приложения: название, значки, цвет, с какой страницы запускать. Ссылка на него ставится в код каждой страницы.
- Служебный скрипт. Небольшая программа, которая работает в фоне браузера: сохраняет страницы для показа без сети и принимает уведомления.
Манифест — самая простая часть. Заполните поля, и ниже появится готовый текст файла.
Заготовка манифеста для вашего сайта
Сохраните текст в файл manifest.json в корне сайта и подготовьте два значка: 192 и 512 пикселей.
Это заготовка. Служебный скрипт и подключение файла к страницам зависят от того, на чём сделан сайт.
Для распространённых систем управления есть готовые дополнения, которые создают манифест и служебный скрипт сами. На самописном сайте это несколько часов работы. В обоих случаях главное — не файлы, а сам сайт: если он медленный и неудобный на телефоне, значок на экране этого не исправит. Привести сайт в порядок перед таким шагом — задача доработки.
Совет вебмастера: не кешируйте всё подряд. Для показа без сети сохраняйте страницы, которые не устаревают: контакты, меню, инструкции. Цены и наличие должны приходить с сервера, иначе клиент увидит вчерашние данные и будет прав, когда возмутится.
Создание APK из сайта: онлайн-сервисы и программы
Создание приложения из сайта онлайн выглядит заманчиво. Сайт для создания APK-приложений работает просто: вы вводите адрес своего сайта, загружаете значок, выбираете цвета — и через несколько минут скачиваете установочный файл. Есть и программа для создания приложения из сайта, которая ставится на компьютер и делает то же самое. Для проверки идеи такое создание APK для сайта годится. Для работы с клиентами — с оговорками.
✅ Что вы получаете
- Установочный файл за минуты, без программиста.
- Содержимое обновляется вместе с сайтом.
- Одна оболочка на все страницы.
- Можно раздавать файл напрямую своим клиентам.
❌ О чём сервисы молчат
- Ключ подписи приложения остаётся у сервиса: без него нельзя выпустить обновление под тем же именем.
- В бесплатной версии бывает чужая реклама или заставка сервиса.
- Магазины отклоняют приложения, которые являются просто сайтом в рамке без собственной пользы.
- Установку из файла телефон сопровождает предупреждением о неизвестном источнике.
Если приложение нужно в магазине, разумный путь — сделать сайт устанавливаемым и упаковать именно его: для Android есть официальный способ публиковать такие сайты, при котором приложение проходит проверку, а ключ подписи остаётся у вас.
Что нужно для публикации в магазинах
- Аккаунт разработчика. В Google Play — разовый регистрационный взнос, в App Store — ежегодная подписка. Оплата из России сейчас затруднена.
- Проверка. Каждый магазин проверяет приложение перед публикацией. У Google для новых личных аккаунтов действует обязательное закрытое тестирование с участниками; условия меняются — читайте действующие.
- Отечественный магазин. RuStore принимает приложения от российских разработчиков, и для бизнеса, работающего в России, с него проще начать.
- Документы. Политика конфиденциальности на сайте, описание, снимки экрана, возрастная категория.
Когда приложение не нужно
Приложение ставят, когда пользуются часто. Задайте себе вопрос: как часто клиент к вам возвращается?
- Раз в несколько лет — ремонт, юрист, окна. Приложение не поставит никто; нужен сайт, который находится в поиске.
- Несколько раз в год — стоматология, автосервис. Достаточно удобного сайта и напоминаний в мессенджере.
- Каждую неделю или чаще — доставка еды, фитнес, кофейня с программой лояльности. Здесь значок на экране окупается, и начинать стоит с устанавливаемого сайта.
Есть и промежуточный вариант, о котором забывают: мини-приложения и боты в мессенджерах. Клиенту не нужно ничего устанавливать, а запись, заказ и уведомления работают внутри привычного чата.
Приложение не приводит клиентов — его ставят те, кто уже ваш клиент. Новых людей приводит сайт. Поэтому порядок всегда один: сначала сайт, который находят и на котором заказывают, и только потом значок на экране для постоянных.
— Александр Рожков
Сайт для создания приложений и макетов
Теперь о второй группе запросов. Сайт для создания приложений — это онлайн-конструктор: в браузере вы собираете экраны из готовых блоков, подключаете данные и получаете приложение. Двадцать две страницы из тридцати в поиске — именно о них.
Что стоит понимать до регистрации:
- бесплатно обычно можно собрать и посмотреть, а публикация и работа без логотипа сервиса — на платном тарифе;
- приложение живёт, пока вы платите: забрать исходный код и уйти удаётся не везде;
- типовые сценарии — каталог, запись, доставка — собираются быстро, нестандартная логика упирается в рамки сервиса;
- публиковать в магазинах всё равно придётся вам, со своим аккаунтом разработчика.
Некоторые системы управления позволяют и создание приложения на своём сайте — готовым дополнением, которое превращает сайт в устанавливаемый; это та же вторая ступень. Сайт для создания макетов приложения — другое: это графический редактор в браузере, где рисуют экраны и связывают их переходами. Получается кликабельный прототип — картинка, которая ведёт себя как приложение. Он ничего не умеет, зато за два вечера показывает, удобно ли задумано, и служит заданием для разработчика. Начать с макета полезно при любом способе.
Сервисы с искусственным интеллектом, обещающие приложение «по описанию за минуту», выдают как раз такой прототип или простую заготовку. Для проверки идеи это удобно; до рабочего продукта её ещё доводить.
Создание сайта через приложение на телефоне
Обратная задача: app для создания сайта. У ряда конструкторов есть мобильные приложения, и собрать страницу с телефона действительно можно. Приложение по созданию веб-сайта удобно для двух вещей: быстро поправить текст или цену в дороге и собрать простую страницу-визитку, когда компьютера под рукой нет.
Для полноценного сайта экран мал: неудобно работать с длинными текстами, таблицами, настройками для поиска. И главное — вы не видите, как сайт выглядит на широком экране. Разумное применение: собирать на компьютере, править с телефона.
Создание сайта и приложения самому: в каком порядке
Если хочется и сайт, и приложение, и всё своими руками, порядок такой.
- Сайт. Услуги, цены, заявки. Пока он не приносит обращений, приложению нечего упаковывать.
- Телефон. Проверьте каждую страницу на узком экране: кнопки под палец, текст без увеличения, быстрая загрузка на мобильном интернете.
- Устанавливаемый сайт. Манифест, значки, служебный скрипт. На этом шаге останавливается большинство.
- Оболочка для магазина. Если клиенты ищут вас именно там.
- Нативное приложение. Когда появилась задача, которую сайт решить не может, и деньги на команду.
Первые три шага — работа над самим сайтом, и это моя область: я делаю сайты и довожу их до состояния, в котором они удобны на телефоне. Нативные приложения — отдельная специальность, их я не разрабатываю и скажу об этом прямо, если ваша задача окажется из их числа.
Не уверены, нужен ли вам значок на экране или хватит удобного сайта? Опишите, как часто к вам возвращаются клиенты и что они делают на сайте, — подскажу ступень. Стоимость сайта можно прикинуть в калькуляторе, условия — на странице создания сайтов.
Итог
Создание приложения на основе сайта — лестница из четырёх ступеней: ярлык, устанавливаемый сайт, APK-обёртка, нативное приложение. Поднимайтесь по одной и только тогда, когда нижней не хватило. Для большинства небольших компаний вторая ступень закрывает задачу целиком: значок на экране, запуск без адресной строки, страницы без сети — и никаких магазинов.
Собирая APK в онлайн-сервисе, выясните, у кого остаётся ключ подписи. Выбирая конструктор приложений — можно ли забрать код. А начинать в любом случае стоит с сайта, удобного на телефоне: всё остальное — его упаковка. Если такого сайта пока нет, условия и цены — на странице создания сайтов.
Опрос
Нужно ли вашему бизнесу приложение?
Проголосуйте, чтобы увидеть, как думают другие читатели
Часто задаваемые вопросы
Можно ли сделать приложение из сайта бесплатно?
Да. Ярлык на экран добавляется через меню браузера без всякой разработки. Устанавливаемый сайт требует двух небольших файлов и значков — на популярных системах управления это делается готовым дополнением. Платить приходится за публикацию в магазинах и за нативную разработку.
Что такое PWA простыми словами?
Сайт, который телефон предлагает установить. После установки у него свой значок, он открывается на весь экран без адресной строки и может показывать сохранённые страницы без интернета. Магазин приложений для этого не нужен.
Чем APK из сайта отличается от настоящего приложения?
APK-обёртка — оболочка, внутри которой открывается сайт; всё содержимое приходит с сервера. Нативное приложение — отдельная программа со своим интерфейсом и логикой. Первое делается за дни, второе — за месяцы.
Пропустят ли обёртку сайта в магазин приложений?
Не всегда. Магазины отклоняют приложения, которые просто показывают сайт и не дают ничего сверх браузера. Шансы выше, если сайт сделан устанавливаемым, работает без сети и упакован официальным способом, а не через случайный сервис.
Что такое ключ подписи и почему он важен?
Это цифровая подпись, по которой магазин и телефон узнают автора приложения. Обновление можно выпустить только с тем же ключом. Если ключ остался у онлайн-сервиса, вы зависите от него навсегда — уточняйте это до публикации.
Нужно ли приложение небольшой компании?
Только если клиенты возвращаются часто — раз в неделю и чаще. При редких обращениях приложение никто не установит, и вложения разумнее направить в сайт, который находят в поиске, и в напоминания через мессенджер.
Можно ли создать сайт с телефона через приложение?
Да, у ряда конструкторов есть мобильные приложения. Простую страницу собрать можно, править тексты и цены — удобно. Для большого сайта экран мал, и не видно, как страница выглядит на компьютере.
