Из чего состоит приложение — простыми словами

Разберём базовую, но очень важную тему — из чего состоит любое современное приложение и как всё это устроено внутри нашего сервиса «Поехали!».

Также рассказали на нашем YouTube канале – смотреть ролик

Как выглядит базовый состав приложения?

Почти все приложения состоят из:

Браузер;
Сервер;
База данных.

Каждый из перечисленных компонентов взаимодействует друг с другом.

Состав приложения

Давайте подробнее разберем каждый компонент без сложных терминов, но по-взрослому.

Браузер: то, что видит пользователь

Начнём с самого очевидного — браузера.

Браузер — это программа, через которую вы:

заходите на сайты;
заказываете товары;
оплачиваете услуги;
пользуетесь веб-приложениями.

Всё, что вы видите: кнопки, тексты, анимации, картинки — это frontend. Его задача — красиво и понятно показать интерфейс пользователю в браузере.

Сервер (Backend): тот, кто делает всю тяжёлую работу

Если браузер — это витрина, то backend — это склад, бухгалтерия и охрана в одном лице.

Что делает Backend:

проверяет данные;
принимает заказы;
обрабатывает формы;
считает суммы заказов;
отправляет уведомления;
общается с базой данных.

Пользователь приложения не видит backend, но без него приложение не будет работать полнцоенно.

База данных: память вашего приложения

База данных нужна для хранения всего важного:

заказов;
пользователей;
истории действий;
товаров магазина.

Проще говоря — всё, что должно сохраняться, живёт в базе данных.

Три ключевые части любого проекта в «Поехали!»

Про состав большинства приложений рассказали, а как это реализовано в «Поехали!»?

Каждый проект в «Поехали!» состоит из трёх частей:

Сайт — то, что видит пользователь, когда заходит на сайт или в приложение.
Ядро — backend, функции, ключи, базы данных, хранилище.
Код — полный исходный код проекта.

На вкладке «Код» хранится абсолютно весь код приложения. Именно с этим кодом работает Юра, когда вы даёте ему команды.

Как Юра меняет код на практике

Возьмём простой пример. В магазине свечей был заголовок:

Коллекция ароматов ручной работы

До изменения

Мы просим Юру заменить его на:

Коллекция самых крутых ароматов ручной работы

После изменения

Что происходит:

Юра читает исходный код (а именно index.tsx).
Находит нужный текст.
Меняет код.
Создаёт новый билд (об этом подробнее ниже).
Обновляет приложение.

Мы обновляем страницу — и сразу видим результат.

⚠️ Юра не «рисует поверх», он работает напрямую с исходным кодом.

База данных и ее настройка — на пальцах

В прошлых выпусках мы делали магазин, который отправлял заказы только в Telegram.

Теперь мы попросили Юру:

Записывай все заказы в базу данных

Что сделал Юра:

создал базу данных;
настроил таблицы в базе;
написал backend-функции;
связал их с формой заказа.

Мы ничего не настраивали вручную.

Backend-функции — это и есть та самая логика, которая придает приложению умения и навыки, например, сохранять все заказы в БД.

Мы добавили в наш магазин свечей базу данных и теперь каждый заказ сохраняется с:

email;
датой;
телефоном;
суммой заказа;
именем клиента;
составом заказа.

Состав базы данных

Уведомления по-прежнему приходят в Telegram, но теперь данные надёжно хранятся и могут использоваться дальше.

Код и билд — в чём разница

А теперь вернемся к одному из самых частых вопросов. Разберем на бытовом примере.

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

Билд — это уже готовое блюдо, приготовленное по рецепту. Или то, что можно открыть, использовать и показать пользователю.

Каждый раз, когда Юра меняет код — создаётся новый билд.

Как скачать код или билд?

Любая платная подписка в «Поехали!» позволяет:

скачать билд;
скачать исходный код;
подключить GitHub и синхронизировать проект.

Код — это папки и файлы с логикой. Билд — минимальный набор файлов, готовых к использованию.

Чтобы скачать код или билд, достаточно перейти в проект и нажать на «Скачать». Кнопка «Скачать»

Можно ли развернуть приложение где-то ещё?

Коротко: и да, и нет.

Frontend можно выгрузить и разместить на другом хостинге.
Backend-функции и базы данных — нет, без серьёзной доработки.

Это особенность облачной архитектуры. Но при этом в «Поехали!» есть важная возможность – скачивать базу данных и использовать ее где угодно. Экспорт занимает доли секунды.

Любую таблицу базы можно экспортировать в CSV и использовать для аналитики: строить отчёты, загружая в Excel или BI-системы.

Итог, что стоит понять

Создавая приложения в «Поехали!»:

любое приложение – это frontend + backend + база данных;
всё необходимое уже связано и настроено;
вы работаете с логикой, а не с инфраструктурой;
Юра делает техническую работу, а вы — продукт.

Творите, создавайте и реализуйте все свои идеи и не задумывайтесь о деталях. Все необходимое Юра сделает за Вас!

С нейролюбовью,
Артур Малый
Сеньор Вайбкодер команды «Поехали!»

Из чего состоят приложения и как скачать код?