Я собираюсь показать вам, как смоделировать простой бэкэнд в Angular, чтобы вы могли попробовать фронтенд-разработку без бэкенда.
Если вам интересно, Angular in-memory-web-api предлагается для имитации бэкенда в официальной документации Angular.
В этой статье:
- Возврат поддельных данных из запроса HTTP GET;
- Перехват HTTP для фальшивой аутентификации пользователя.
Установка и настройка
- Установите Angular in-memory-web-api
npm i angular-in-memory-web-api
2. Настройте его в своем модуле
Внедрить In-Memory DB
Создайте MyInMemoryService, который предоставляет некоторые данные о клиентах и продуктах.
Когда мы вызываем api/customers или api/products, In-Memory DB автоматически обрабатывает запрос и отвечает данными о клиентах или продуктах, что работает, потому что createDb возвращает объект, где ключами являются маршруты и массивы данных значений.
Давайте протестируем имитирующий бэкэнд
Например, напишите простую службу, которая отправляет HTTP-запросы GET на api/customers.
Короче говоря, In-Memory перехватывает вызовы и возвращает некоторые данные (вы можете проверить Angular in-memory-web-api, чтобы увидеть, как он отвечает по умолчанию).
Еще один шаг: перехват HTTP-вызовов
Что делать, если вам нужен более сложный ответ?
Возьмем, к примеру, что вы хотите имитировать аутентификацию пользователя. В следующем примере показано, как перехватывать вызовы HTTP и подделывать аутентификацию пользователя.
In-Memory может больше!
Вы также можете добавлять, удалять, искать и обновлять, для получения дополнительной информации перейдите к Angular in-memory-web-api.
В in-memory-web-api/src/app есть много примеров.
Конец
Спасибо, что прочитали это! Надеюсь, вы найдете этот контент полезным.
Для получения дополнительной информации см. официальную документацию Angular и Angular in-memory-web-api.
