Сайты с ИИ2026-07-208 минНатали Анарбаева

Как сделать приложение из сайта в 2026: PWA, обёртки и ИИ

Как сделать приложение из сайта в 2026: PWA, обёртки и ИИ

Превратить готовый сайт в приложение можно, и не одним способом. Самый быстрый: установить сайт как PWA прямо из браузера, за пару минут и без магазинов приложений. Если нужна страница в App Store или Google Play, сайт упаковывают в приложение-обёртку. Ниже четыре пути: PWA, обёртки WebView, сервисы-конвертеры и сборка через ИИ, с честными плюсами, минусами и правилами сторов на 2026 год.

Что значит сделать приложение из сайта

Сначала стоит понять, какой результат вам нужен, потому что за словом «приложение» скрываются две разные вещи.

  • Иконка на телефоне и запуск без адресной строки, но без публикации в магазине. Это делает PWA, отдельная сборка не нужна.
  • Полноценное присутствие в App Store и Google Play, чтобы приложение искали в сторах и ставили привычной кнопкой. Тут нужна обёртка вокруг сайта и аккаунт разработчика.

Оба варианта не переписывают сайт заново: под капотом работает тот же код страниц. Разница в упаковке и в том, где живёт установщик. Дальше по каждому способу отдельно.

Способ 1. PWA: установить сайт как приложение

PWA (прогрессивное веб-приложение) добавляет сайту два файла: манифест (иконка, название, цвета, режим запуска на весь экран) и сервис-воркер (кэширование, работа при слабой сети). После этого браузер предлагает «Установить приложение», и сайт открывается с иконки без вкладок браузера.

На Android установку PWA поддерживают Chrome, Edge, Opera, Firefox и Samsung Internet. На iPhone и iPad это тоже работает: с iOS 16.4 сайт добавляется на экран «Домой» через меню «Поделиться» в Safari, Chrome или Edge, там же появились и веб-пуши (MDN). А в iOS 26 любой сайт, добавленный на домашний экран, по умолчанию открывается именно как веб-приложение (MagicBell).

  • Плюсы: делается за минуты, без магазинов, без платы за аккаунт разработчика, обновляется вместе с сайтом.
  • Минусы: нет карточки в App Store и Google Play, а на iPhone часть возможностей урезана (нет фоновой синхронизации, пуши работают не везде и слабее, чем на Android).

PWA, это надстройка над обычным сайтом. Если своего сайта пока нет, сначала соберите его: мы разбирали это в статье про то, как сделать сайт с помощью ИИ, а затем добавляйте манифест и сервис-воркер.

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

Собрать свой сайт

Способ 2. Обёртка WebView для сторов

Если приложение обязательно должно быть в магазине, сайт «заворачивают» в тонкую нативную оболочку, внутри которой открывается веб-страница. Технологии разные для двух платформ.

  1. Android. Google Play принимает PWA через Trusted Web Activity (TWA): это по сути ваш сайт в оболочке, но без адресной строки. Нужен файл Digital Asset Links, чтобы подтвердить, что домен ваш. Собрать пакет можно бесплатным PWABuilder или инструментом Bubblewrap.
  2. iOS. Голые PWA App Store не принимает: сайт заворачивают в оболочку WKWebView через тот же PWABuilder или через Capacitor, получая проект Xcode для публикации.
  3. Публикация. Заводите аккаунт разработчика, собираете пакет, загружаете в консоль магазина и ждёте проверки.

Проверьте факты по деньгам заранее. Аккаунт разработчика Apple стоит 99 долларов в год, разовый взнос в Google Play, 25 долларов; сама упаковка через PWABuilder бесплатна (PWABuilder Blog). Для России важно, что оплата зарубежных аккаунтов разработчика и приём платежей в сторах отдельная задача, которую решают до сборки.

По теме: Как сделать сайт на Android в 2026: с телефона, без компьютера

Способ 3. Сервисы-конвертеры сайта в приложение

Если возиться с Xcode и консолями не хочется, есть сервисы, которые превращают сайт в приложение через веб-интерфейс: вы указываете адрес сайта, а на выходе получаете сборки под iOS и Android. Заметный игрок здесь Median (бывший GoNative): он добавляет к сайту нативную навигацию, пуши через сторонние сервисы и мост между вебом и телефоном.

  • Плюсы: не нужно разбираться в сборке вручную, часть нативных функций подключается галочками.
  • Минусы: за удобство платите подпиской, а магазины всё равно потребуют, чтобы приложение было не просто копией сайта (об этом ниже).

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

Пройти путь до сайта

Способ 4. Через ИИ и вайбкодинг

ИИ помогает на любом из путей выше, если объяснять задачу словами. В редакторе вроде Cursor или в Claude Code можно попросить: «сделай мой сайт устанавливаемым PWA, добавь манифест и сервис-воркер». Инструмент создаст нужные файлы и объяснит, куда их положить. Это дешевле и быстрее, чем искать подрядчика ради двух файлов.

Если же вы хотите не обёртку, а полноценное приложение с нативными экранами, ИИ соберёт и его, но это уже отдельная история про новую разработку, а не про конверсию сайта. Разбор такого пути, в материале про то, как создать приложение с помощью ИИ, а обзор готовых платформ, в подборке нейросетей, которые создают приложения.

По теме: Как сделать кликабельный сайт в 2026: ссылки, кнопки, телефон

Правила сторов: за что отклоняют обёртки в 2026

Главная причина отказов, приложение, которое просто открывает сайт и ничего больше. У Apple это правило 4.2 «Minimum Functionality», у Google, политика «Минимальной функциональности», и в 2026 году Google применяет её строже (Webvify, MobiLoud).

Чтобы обёртку одобрили, приложение должно вести себя как приложение, а не как страница в браузере: пуш-уведомления, нормальная навигация, работа без сети хотя бы частично, использование возможностей телефона. Для Google рекомендуемый путь на 2026, TWA поверх настоящей PWA или сборка на Capacitor, а не сырой WebView.

Начните с PWA, даже если в итоге целитесь в сторы. Установка с сайта покажет, нужна ли аудитории иконка на телефоне вообще, и вы не потратите недели на публикацию того, что мало кто ставит.

Какой способ выбрать

  1. Нужна иконка на телефоне без магазина и быстро, PWA.
  2. Нужна карточка в Google Play, PWA плюс TWA через PWABuilder.
  3. Нужен App Store, обёртка WKWebView через PWABuilder или Capacitor, плюс живые нативные функции.
  4. Не хочется технических деталей и есть бюджет на подписку, сервис-конвертер вроде Median.
  5. Хочется управлять процессом словами, любой из путей плюс ИИ-помощник.

Частые вопросы

Можно ли сделать приложение из сайта бесплатно?

PWA, да: манифест и сервис-воркер ничего не стоят, магазин не нужен. Для App Store и Google Play бесплатна только упаковка (например, в PWABuilder), но аккаунт разработчика платный: 99 долларов в год у Apple и разовые 25 долларов у Google.

Примут ли такое приложение в App Store?

Только если это не голая копия сайта. Голые PWA Apple не принимает вовсе, а обёртку одобрят при наличии реальных функций приложения: пушей, навигации, офлайн-режима. Иначе отклонят по правилу 4.2.

PWA работает на айфоне?

Да, с iOS 16.4 сайт ставится на экран «Домой» через меню «Поделиться», а в iOS 26 добавленные сайты по умолчанию открываются как веб-приложения. Но часть возможностей на iOS всё ещё урезана по сравнению с Android.

Чем PWA отличается от обёртки для стора?

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

На бесплатном воркшопе «Сайты с ИИ» вы соберёте свой сайт с нуля и научитесь превращать его в приложение, шаг за шагом, без опыта в программировании.

Занять место
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».
Первый проект с ИИ: живой разбор, бесплатно Занять место