No-Code iOS App: От идеи к App Store за 4 часа без кодирования

Почему это работает / Контекст

Lovable генерирует рабочий код за минуты

• Вместо разработчика 2-4 недели, Lovable делает за 30 минут
• Код — 100% функциональный и готовый к использованию
• Lovable справляется с UI, backend, API интеграциями

iOS упаковка (React Native → iOS) даже проще теперь

• Раньше: нужен разработчик Swift который знает AppKit
• Сейчас: Despia/Expo автоматизирует все
• Ты просто загружаешь веб-код → получаешь iOS binary

RevenueCat справляется со всем что сложно

• Подписки + налоги + возвраты + защита от мошенничества = очень сложно самостоятельно
• RevenueCat = 1 API вызов, они справляются со всем
• Работает со 100+ приложениями

Рынок валидирован

• Picture Fish зарабатывает $20K+/месяц
• Это подтверждает что люди платят за нишевые utilities
• Нужен только хороший UX и правильные features

Пошаговый план действий

Шаг 1: Создай функциональное приложение в Lovable (1 час)

Ваши действия:

• Открой Lovable (https://lovable.dev)
• Напиши детальный промпт:

Создай iOS приложение для идентификации рыб.

Требования:
1. Главный экран: Большая кнопка "Take photo" в центре
2. Photo upload экран: Камера + upload из галереи
3. Результат экран: Показать рыбный вид, описание, информацию
4. История экран: Лист всех идентифицированных рыб
5. Профиль экран: Статистика пользователя (всего идентифицировано, favorite species)

Дизайн:
- Цвета: Синий (primary), белый (background), зеленый (accent для успеха)
- Стиль: Clean, modern, friendly (не слишком корпоративный)
- Используй icons для navigation (tab bar внизу)

Data persistence:
- Сохраняй историю локально (использующие localStorage)
- Экспортируй историю как CSV

AI Integration (важно!):
- Используй OpenAI Vision API для идентификации рыб
- Результаты должны включить:
  * Рыбный вид (научное имя и обычное)
  * Описание и интересный факт
  * Где встречается (habitat)
  * Размер и вес
  * Информацию об рыбалке

Технически:
- React-based frontend
- Expo compatible
- Tailwind CSS для styling
- OpenAI API для vision analysis
- Mock data для testing без API key

• Lovable генерирует полный app за 30-60 минут
• Тестируй в browser preview
• Попроси улучшения ("Сделай кнопку больше", "Добавь loading animation")
• Когда готово, экспортируй код

Шаг 2: Интегрируй AI Vision (OpenAI API)

Ваши действия:

• Открой OpenAI (https://platform.openai.com)

• Создай API ключ (Settings → API Keys → Create)

• Скопируй ключ

• Вернись в Lovable:

  • Попроси добавить интеграцию OpenAI
  • Lovable запросит API ключ
  • Вставь ключ
  • Lovable обновит код с Vision анализом

• Тестируй с реальной рыбной фотографией:

  • Upload фото
  • Проверь результаты (корректно ли идентифицирует?)
  • Попроси улучшений если нужны

Шаг 2B: Добавь утилиты и community features

Превратить сканер в полноценного рыболовного компаньона:

• Попроси Lovable добавить раздел утилит: сезонные рекомендации, местные правила рыбалки, размер/вес, catch & release, экосистемные инсайты
• Попроси Lovable создать community секцию:
  • Fishing journal (приватный по умолчанию) — виджет на dashboard
  • Публикация уловов с тегами
  • Verification badges (сообщество помогает подтвердить вид)
  • Комментарии и шеринг в соцсети

Шаг 3: Добавь Monetization (RevenueCat)

Ваши действия:

• Открой RevenueCat (https://www.revenuecat.com)
• Создай аккаунт
• Создай Project для твоего app (напр. "Fish Identifier", категория Lifestyle)
• Выбери платформу: Native Apple

3A: Создай подписку в App Store Connect

• Открой Subscriptions раздел в App Store Connect
• Создай subscription group: "Pro Access"
• Добавь подписку:
  • Reference name: "Monthly Subscription"
  • Product ID: "monthly_paywall"
• Укажи регионы: Worldwide
• Установи цену: $9.99

3B: Настрой RevenueCat (полный flow)

Каждый шаг важен, пропуск любого сломает подписки:

1. Product: Product Catalog → Products → App Store → Import → выбери "monthly_paywall"
2. Entitlement: Entitlements → Create new → Identifier: "pro_access", Display name: "Pro Access" → Attach subscription product
3. Offering: Offering → Create new → Name: "default" → Add package: Identifier "monthly", Description "Monthly Subscription" → Assign monthly_paywall product
4. Paywall: Paywalls → Create new → выбери template → Set offering: "default" → Assign monthly subscription → Customize (header: "Scan Everything") → Publish paywall

3C: Подключи RevenueCat к Despia

• RevenueCat → API Keys → скопируй App Store API key
• Despia → Revenue Cat panel → вставь в iOS Public SDK Key
• RevenueCat → Project Settings → скопируй Project ID
• Despia → вставь в Global Project ID

3D: Интегрируй SDK в Lovable

• Вставь в Lovable промпт:

Integrate Revenue Cat and install its packages.
Add a button to the dashboard page to open the default offering.
Make sure the external user ID is the ID of the logged-in user.
The entitlement is called pro_access.
Listen for initial purchases, renewals, cancellations, and plan changes.

• Когда Lovable запросит API ключ, ответь: "Despia will handle the secret key. Just add the implementation."

3E: Настрой Webhook (для серверных событий подписки)

• Спроси Lovable: "What is our Revenue Cat webhook URL?"

• Если спросит подтверждение, ответь: "Yes, please set it up"

• Создай пароль (рандомная строка) и вставь в Lovable

• В RevenueCat: Integrations → Webhooks → Add new

  • Имя: любое
  • URL: вставь webhook URL из Lovable
  • Authorization header: "bearer [пароль]"
  • Сохрани и протестируй (должен показать зелёный 200 код)

• Тестируй paywall (не платить, просто проверить UI)

Шаг 4: Подготовь для iOS используя Despia или Expo

Ваши действия:

Вариант A: Despia (рекомендовано для iOS)

4A: Опубликуй проект из Lovable

• В Lovable нажми кнопку publish
• Установи "Who can access" → "Anyone"
• Обнови URL ID на чистый (напр. fish-identifier)
• Опубликуй и скопируй ссылку

4B: Создай проект в Despia

• Открой Despia (https://www.despia.com)
• Create new project
• Заполни app name: "Fish Identifier"
• Вставь web app start URL из Lovable
• Загрузи иконку приложения (iOS icon section)
• Загрузи splash screen

4C: Подключи Apple Developer Account к Despia

Despia нужны разрешения для коммуникации с Apple. Собери 4 credential'а:

Credential	Откуда взять
Development Team ID	Apple Developer Dashboard → Certificates, Identifiers & Profiles (вверху страницы)
Account Issuer ID	App Store Connect → Users and Access → Integrations → App Store Connect API
API Key ID	App Store Connect → Integrations → Generate new key (name: "despia-fishfinder", access: App Manager)
P8 Key File	Скачать сразу после генерации API key (скачивается ОДИН раз!)

• Скопируй Team ID → вставь в Despia
• Скопируй Issuer ID → вставь в Despia
• Сгенерируй API Key → скопируй Key ID + скачай P8 файл
• Загрузи оба в Despia
• Нажми "Link with Apple"
• Выбери привязанный аккаунт

4D: Настрой Bundle Identifiers (5 штук)

Apple требует 5 идентификаторов. Все создаются в Apple Developer → Certificates → Identifiers → Profiles:

#	Идентификатор	Capabilities	App Group
1	Основной App	App Groups, Associated Domains, iCloud (CloudKit), Push Notifications	—
2	OneSignal Target	App Groups, Associated Domains, Push Notifications	Создать для OneSignal
3	App Clip (parent = основной)	App Groups, Associated Domains, Push Notifications	Создать для App Clip
4	Share Target	App Groups	Создать для Share Target
5	Widget	App Groups	Создать для Widget

• Создай все 5, вставляя bundle ID из Despia
• Финальный шаг: Открой основной app bundle → App Groups → выбери ВСЕ созданные app groups

Вариант B: Expo (альтернатива)

• Установи Expo CLI локально

• Инициализируй Expo проект с Lovable кодом

• Запусти eas build --platform ios

• EAS компилирует iOS binary за тебя

• После компилирования, скачай .ipa файл (iOS binary)

Шаг 5: Подготовься для App Store (1 час)

Ваши действия:

• Открой Apple Developer Account (https://developer.apple.com) - $99/год

• Создай Bundle ID для твоего app (com.yourname.fishid)

• Создай App ID в Apple Developer Portal

• Подготовь App Store metadata:

App Name: Fish Finder (25 символов макс) Subtitle: Identify fish using AI Description:

Fish Finder uses AI to identify any fish species instantly.

Features:
- Take or upload fish photo
- AI powered identification (scientific name, common name, info)
- Keep a history of identified fish
- Learn interesting facts about species
- Pro plan: unlimited identifications, advanced insights

Perfect for:
- Fishing enthusiasts
- Nature observers
- Educational use

• Создай скриншоты (5 штук для iPhone):

  • Экран 1: "Identify any fish with AI"
  • Экран 2: "Point and identify instantly"
  • Экран 3: "Build your fish library"
  • Экран 4: "Learn fascinating facts"
  • Экран 5: "Download now"

• Выбери категорию: "Utilities" или "Education"

• Выбери рейтинг: "4+" (нет violent content)

• Подготовь privacy policy:

  • Используй privacypolicygenerator.info (бесплатно, Apple принимает)
  • Выбери опцию "App"
  • Ответь на вопросы о сборе данных
  • Скопируй сгенерированную ссылку → это твой privacy policy URL

Шаг 6: Зарегистрируй App в App Store Connect и загрузи

Ваши действия:

6A: Регистрация в App Store Connect

• Открой App Store Connect (https://appstoreconnect.apple.com)
• Apps → Create new iOS app
• Введи имя приложения
• Язык: English
• Выбери основной bundle ID
• SKU: имя приложения капсом (напр. FISHIDENTIFIER)
• User access: Full Access
• Скопируй Apple ID → вставь в Despia

6B: Загрузка через Despia

• В Despia нажми "Publish Project"
• Despia автоматически соберёт iOS binary и загрузит в App Store Connect

6C: Загрузка через Xcode (альтернативный способ)

• Установи Xcode (бесплатно на Mac)
• Открой Xcode → Product → Archive
• Window → Organizer → выбери archive
• "Distribute App" → "App Store Connect"

6D: Метаданные для App Store

• Загрузи скриншоты (3 набора iPhone + iPad)
• Заполни: промо текст, короткое описание, ключевые слова
• Support URL, версия: 1.0.0, copyright
• Subtitle, категория: Utilities
• Age rating: заполни опросник (No ко всему для стандартных приложений)
• Pricing: $0.00 (free), доступность: все страны
• Privacy: вставь privacy policy URL
• Заполни Data Usage questionnaire
• "Add for Review" → подтверди

Шаг 7: Жди Review (48 часов обычно)

Ваши действия:

• Apple рецензирует app 24-48 часов обычно

• Они проверяют:

  • App работает без crashes
  • Нет скрытых платежей
  • Никаких copyrighted материалов
  • Privacy policy есть

• Если одобрено: Поздравляем, твой app в App Store!

• Если rejected: Apple скажет почему, пофиксь и перезагрузи

Экономика и инструменты

Категория	Инструмент	Стоимость	Примечание
UI + Функциональность	Lovable	Бесплатно (до выпуска)	Полный app
iOS Packaging	Despia/Expo	Бесплатно	Конвертирует веб в iOS
AI Vision	OpenAI API	$0.01-0.05 per image	Pay as you go
Monetization	RevenueCat	Бесплатно (до $2500 MRR)	1% после
Developer Account	Apple	$99/год	Требуется для upload
Backend (опционально)	Supabase	Бесплатно (small)	Для хранения данных
Итого первый месяц		~$99	Apple fee только

Частые ошибки и подводные камни

1. Загружать без тестирования на реальном iPhone — Симулятор ≠ реальный телефон. Тестируй через Expo Go перед upload.

2. Забыть privacy policy — App будет rejected без URL. Используй privacypolicygenerator.info (бесплатно).

3. Не подготовить monetization — RevenueCat paywall от дня 1. Потом монетизировать привыкшее к free приложение значительно сложнее.

Быстрый чеклист: 4 часа к App Store

0:00-1:00: Lovable Design & Functionality

• Напиши промпт в Lovable
• Дождись генерации
• Тестируй в preview
• Экспортируй код

1:00-1:30: OpenAI Integration

• Создай API ключ на OpenAI
• Добавь интеграцию в Lovable
• Тестируй с реальным фото

1:30-2:00: RevenueCat Monetization

• Создай аккаунт на RevenueCat
• Спроектируй подписки
• Интегрируй в приложение

2:00-2:30: iOS Compilation

• Используй Despia или Expo для compilation
• Скачай iOS binary

2:30-3:30: App Store Metadata

• Напиши description
• Создай 5 скриншотов
• Подготовь privacy policy
• Выбери категорию и рейтинг

3:30-4:00: Upload & Review

• Открой Xcode
• Archive твой app
• Загрузи на App Store Connect
• Жди review (24-48 часов)

Ключевые выводы

1. No-code стек (Lovable + Despia + RevenueCat) покрывает 95% приложений — Code это для 5%
2. OpenAI Vision в 10 минут интеграции — Делает приложение умным без ML expertise
3. App Store скриншоты = 3x downloads потенциал — Потрати время на них
4. RevenueCat = не думай про taxes/refunds — Они справляются с complexity
5. 4 часа → App Store реалистично — Если знаешь шаги