Вадим Бочков – Код не нужен: Как превратить идею в приложение и заработать (страница 2)

Шаг пятый: предпросмотр и тестирование. На каждом этапе можно нажать кнопку предпросмотра и увидеть, как приложение будет выглядеть на телефоне. Это удобно: вы сразу замечаете, где текст съехал, а где кнопка маловата. Ходите по своему приложению как пользователь, нажимайте все кнопки, проверяйте ссылки.

Шаг шестой: публикация. Когда всё готово, переходите в раздел «Публикация». Appy Pie предложит создать APK-файл для Android (скачиваете и можете устанавливать на телефон) или подготовить сборку для App Store. Для публикации в Apple потребуется учётная запись разработчика (99$ в год) и выполнение их требований. В конструкторе есть пошаговая инструкция, которая проведёт вас через этот процесс. Для Android достаточно аккаунта разработчика в Google Play (разовый платёж 25$), чтобы выложить приложение в магазин.

Вот и всё. Реально за один день, даже если вы никогда не занимались созданием приложений, у вас будет работающий продукт. Конечно, это приложение не будет обладать сложной логикой или уникальным дизайном, но для большинства локальных бизнесов – стоматологии, кафе, небольшого магазина – этого достаточно. А главное – вы получите опыт и уверенность, что можете создавать мобильные приложения самостоятельно.

В следующей главе мы перейдём к более сложному и увлекательному сценарию: добавим в приложение искусственный интеллект и сделаем собственного AI-бота.

Глава 4. Приложение с AI-функцией (чат-бот, ассистент)

Вы уже научились создавать простые информационные приложения. Теперь добавим в проект искусственный интеллект – это то, что сегодня отличает современные продукты и привлекает пользователей. Представьте: ваш каталог товаров может не просто показывать позиции, а советовать, что выбрать; ваше приложение-визитка может отвечать на вопросы клиентов 24/7; образовательный сервис может стать персональным репетитором. И всё это без найма команды AI-разработчиков.

В 2026 году добавить AI в приложение можно двумя основными способами: быстрый старт через Glide или более мощное решение на FlutterFlow. Мы рассмотрим оба, чтобы вы могли выбрать под свои задачи.

Быстрый старт: Glide + OpenAI API

Glide изначально позиционируется как инструмент для создания приложений из таблиц, но его гибкость позволяет подключать внешние сервисы через API. Это значит, что вы можете отправить запрос к ChatGPT и показать ответ пользователю.

Создадим простого AI-советчика, который поможет подбирать фильмы по настроению.

Шаг первый: подготовьте данные в Google Таблицах. Вам понадобятся столбцы: запрос пользователя и ответ AI, но можно обойтись и без хранения истории. Главное – создать лист, куда будут записываться новые запросы (опционально).

Шаг второй: в Glide создайте новое приложение на основе этой таблицы. Добавьте экран с полем ввода текста (Text Input) и кнопкой. При нажатии на кнопку должно срабатывать действие. В Glide есть функционал «Custom Action» – там можно настроить вызов внешнего API.

Шаг третий: получите API-ключ OpenAI. Зарегистрируйтесь на платформе OpenAI, создайте ключ и пополните баланс (стоимость копеечная). В Custom Action укажите метод POST, URL https://api.openai.com/v1/chat/completions, заголовки: Content-Type application/json, Authorization Bearer ваш_ключ. В теле запроса передайте JSON с моделью (например, gpt-4o-mini), сообщениями (роль пользователя) и прочими параметрами.

Шаг четвёртый: ответ от API вернётся в Glide. Его нужно обработать и показать пользователю. Для этого создайте на экране метку (Label), которая будет отображать текст ответа. После выполнения действия обновите эту метку.

Готово. У вас есть приложение, которое общается с ChatGPT. На всю реализацию уйдёт не больше часа. Минус такого подхода – сложность поддержания диалоговой истории: Glide не очень удобен для хранения контекста, но для простых одноразовых запросов – идеально.

Мощный вариант: FlutterFlow + OpenAI / Claude API

Если вы хотите создать полноценного ассистента с памятью, разными ролями и красивым интерфейсом, то лучший выбор – FlutterFlow. Это визуальная среда, которая генерирует код на Flutter, и вы можете реализовать практически любую логику.

Шаг первый: создайте новый проект в FlutterFlow. Выберите пустой шаблон. Сразу продумайте структуру экранов: главный экран с историей сообщений, поле ввода, кнопка отправки.

Шаг второй: настройте базу данных. Для хранения истории диалогов лучше всего подходит Firebase Firestore. Создайте коллекцию «chats» с полями: userId, message (текст), timestamp, role (user или assistant). Это позволит загружать историю при открытии чата.

Шаг третий: создайте пользовательский интерфейс. Используйте ListView для отображения сообщений, настройте дизайн пузырьков. Поле ввода сделайте с контроллером, чтобы очищать после отправки. Кнопка запускает действие.

Шаг четвёртый: напишите логику вызова AI API. В FlutterFlow есть встроенный «API Call» – вы можете настроить вызов к OpenAI или Claude. Передавайте в запросе последние несколько сообщений из истории, чтобы модель понимала контекст. Ответ API сохраняйте в базу данных как сообщение от ассистента и сразу обновляйте экран.

Шаг пятый: добавьте фишки – индикатор печатания, возможность выбирать разные «личности» ассистента (дружелюбный, строгий, креативный), кнопку сброса диалога. Всё это делается перетаскиванием и настройкой свойств.

Секреты хороших промптов

Каким бы мощным ни был ваш конструктор, качество работы AI-бота определяется тем, как вы формулируете задание для нейросети. Вот несколько правил:

· Чётко обозначьте роль: «Ты – эксперт по подбору ресторанов в Москве».

· Дайте контекст: «У нас есть меню с блюдами, вот список: …».

· Ограничьте ответ по длине и стилю: «Отвечай кратко, не более трёх предложений».

· Если нужно, добавьте пример: «Вот хороший ответ: …».

В FlutterFlow вы можете хранить системный промпт в отдельной переменной и подставлять его при каждом запросе.

Пример: создаём AI-репетитора по английскому

Представьте, что вы делаете приложение для изучения языка. Пользователь пишет фразу на русском, а AI переводит её на английский и объясняет грамматику. Или пользователь говорит на английском, а AI исправляет ошибки.

Архитектура будет такой же: экран чата, вызов API, сохранение истории. Но промпт нужно составить специально: «Ты – репетитор английского языка. Исправляй ошибки в сообщениях ученика, объясняй правила и предлагай улучшенные варианты. Отвечай дружелюбно и поощряй ученика».

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

Важные предупреждения

AI-бот – это не просто красивая кнопка. Вам придётся думать о стоимости API-запросов. Каждый вызов к GPT стоит денег, и если приложение станет популярным, счёт может вырасти. В конструкторах можно установить лимиты или предупреждать пользователя.

Также нужно продумать обработку ошибок: что, если API временно недоступен? Показывайте понятное сообщение. И обязательно тестируйте с разными запросами, чтобы бот не отвечал грубо или не нарушал правила.

В следующей главе мы перейдём к одной из самых сложных и востребованных категорий – созданию маркетплейса без кода.

Глава 5. Маркетплейс (доска объявлений, интернет-магазин)

Маркетплейс – это, пожалуй, самая желанная и одновременно самая сложная категория приложений среди no-code проектов. Здесь и каталог товаров, и профили продавцов, и чаты, и платежи, и отзывы. Но хорошая новость в том, что в 2026 году создать работающий маркетплейс без кода вполне реально. Главное – выбрать правильный инструмент и чётко спроектировать архитектуру.

Конец ознакомительного фрагмента.

Текст предоставлен ООО «Литрес».

Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.