#10 – Удаленное хранилище и базы данных

Angular сам по себе не содержит встроенной базы данных — он работает только на стороне клиента, то есть в браузере пользователя. Но это не значит, что данные в приложении нельзя сохранять, загружать или обновлять. Всё взаимодействие с базой происходит через API — то есть сервер, который обрабатывает запросы и возвращает нужную информацию.

Проще всего подключить mock-базу данных через JSON Server. Это локальный инструмент, который имитирует настоящий сервер и позволяет работать с данными почти как с полноценной базой. Вы создаёте обычный файл db.json, запускаете его, и Angular с помощью HttpClient начинает получать и отправлять в него данные.

Для Angular это выглядит как обычные HTTP-запросы: вы делаете GET, чтобы получить список заметок или фильмов, POST, чтобы добавить новую запись, и DELETE — чтобы удалить. Всё это реализуется через сервисы, и в этом Angular действительно хорош — выносите всю логику в отдельный сервис, подключаете его в нужных компонентах, и приложение уже полноценно общается с базой.

Более продвинутый вариант — подключить настоящее серверное API, например на Node.js или Python, и уже там работать с реальной базой: MongoDB, PostgreSQL, MySQL. Angular в этом случае становится просто «клиентом» — он отвечает за интерфейс, отображение, формы и взаимодействие с пользователем, а всё хранение и обработка происходят на серверной стороне.

Но независимо от того, работаете ли вы с локальной JSON-базой или с настоящим сервером — принципы остаются теми же. Angular получает данные, отображает их, даёт пользователю возможность что-то изменить, а потом отправляет изменения обратно в базу. Всё — просто, понятно и по-настоящему мощно.