Из чего состоит приложение — простыми словами
Разберём базовую, но очень важную тему — из чего состоит любое современное приложение и как всё это устроено внутри нашего сервиса «Поехали!».
Также рассказали на нашем YouTube канале – смотреть ролик
Как выглядит базовый состав приложения?
Почти все приложения состоят из:
- Браузер;
- Сервер;
- База данных.
Каждый из перечисленных компонентов взаимодействует друг с другом.
Давайте подробнее разберем каждый компонент без сложных терминов, но по-взрослому.
Браузер: то, что видит пользователь
Начнём с самого очевидного — браузера.
Браузер — это программа, через которую вы:
- заходите на сайты;
- заказываете товары;
- оплачиваете услуги;
- пользуетесь веб-приложениями.
Всё, что вы видите: кнопки, тексты, анимации, картинки — это frontend. Его задача — красиво и понятно показать интерфейс пользователю в браузере.
Сервер (Backend): тот, кто делает всю тяжёлую работу
Если браузер — это витрина, то backend — это склад, бухгалтерия и охрана в одном лице.
Что делает Backend:
- проверяет данные;
- принимает заказы;
- обрабатывает формы;
- считает суммы заказов;
- отправляет уведомления;
- общается с базой данных.
Пользователь приложения не видит backend, но без него приложение не будет работать полнцоенно.
База данных: память вашего приложения
База данных нужна для хранения всего важного:
- заказов;
- пользователей;
- истории действий;
- товаров магазина.
Проще говоря — всё, что должно сохраняться, живёт в базе данных.
Три ключевые части любого проекта в «Поехали!»
Про состав большинства приложений рассказали, а как это реализовано в «Поехали!»?
Каждый проект в «Поехали!» состоит из трёх частей:
- Сайт — то, что видит пользователь, когда заходит на сайт или в приложение.
- Ядро — backend, функции, ключи, базы данных, хранилище.
- Код — полный исходный код проекта.
На вкладке «Код» хранится абсолютно весь код приложения. Именно с этим кодом работает Юра, когда вы даёте ему команды.
Как Юра меняет код на практике
Возьмём простой пример. В магазине свечей был заголовок:
Коллекция ароматов ручной работы
Мы просим Юру заменить его на:
Коллекция самых крутых ароматов ручной работы
Что происходит:
- Юра читает исходный код (а именно
index.tsx). - Находит нужный текст.
- Меняет код.
- Создаёт новый билд (об этом подробнее ниже).
- Обновляет приложение.
Мы обновляем страницу — и сразу видим результат.
⚠️ Юра не «рисует поверх», он работает напрямую с исходным кодом.
База данных и ее настройка — на пальцах
В прошлых выпусках мы делали магазин, который отправлял заказы только в Telegram.
Теперь мы попросили Юру:
Записывай все заказы в базу данных
Что сделал Юра:
- создал базу данных;
- настроил таблицы в базе;
- написал backend-функции;
- связал их с формой заказа.
Мы ничего не настраивали вручную.
Backend-функции — это и есть та самая логика, которая придает приложению умения и навыки, например, сохранять все заказы в БД.
Мы добавили в наш магазин свечей базу данных и теперь каждый заказ сохраняется с:
- email;
- датой;
- телефоном;
- суммой заказа;
- именем клиента;
- составом заказа.
Уведомления по-прежнему приходят в Telegram, но теперь данные надёжно хранятся и могут использоваться дальше.
Код и билд — в чём разница
А теперь вернемся к одному из самых частых вопросов. Разберем на бытовом примере.
Исходный код — это рецепт блюда, которое вы готовите. Или инструкции, по которым создаётся приложение.
Билд — это уже готовое блюдо, приготовленное по рецепту. Или то, что можно открыть, использовать и показать пользователю.
Каждый раз, когда Юра меняет код — создаётся новый билд.
Как скачать код или билд?
Любая платная подписка в «Поехали!» позволяет:
- скачать билд;
- скачать исходный код;
- подключить GitHub и синхронизировать проект.
Код — это папки и файлы с логикой. Билд — минимальный набор файлов, готовых к использованию.
Чтобы скачать код или билд, достаточно перейти в проект и нажать на «Скачать».
Можно ли развернуть приложение где-то ещё?
Коротко: и да, и нет.
- Frontend можно выгрузить и разместить на другом хостинге.
- Backend-функции и базы данных — нет, без серьёзной доработки.
Это особенность облачной архитектуры. Но при этом в «Поехали!» есть важная возможность – скачивать базу данных и использовать ее где угодно. Экспорт занимает доли секунды.
Любую таблицу базы можно экспортировать в CSV и использовать для аналитики: строить отчёты, загружая в Excel или BI-системы.
Итог, что стоит понять
Создавая приложения в «Поехали!»:
- любое приложение – это frontend + backend + база данных;
- всё необходимое уже связано и настроено;
- вы работаете с логикой, а не с инфраструктурой;
- Юра делает техническую работу, а вы — продукт.
Творите, создавайте и реализуйте все свои идеи и не задумывайтесь о деталях. Все необходимое Юра сделает за Вас!
С нейролюбовью,
Артур Малый
Сеньор Вайбкодер команды «Поехали!»
