Angular 6. Урок 1.2. Эмуляция web-сервера (API). Практика

Рет қаралды 4,590

6 жыл бұрын

Чтобы предоставить приложению данные, нам нужен backend API, которого у нас еще нет.
Поэтому мы будем имитировать API при помощи HttpClientInMemoryWebApiModule.
Теорию о том, как это сделать, мы рассмотрели в предыдущем видео: • Angular 6. Урок 1. Ими...
В этом видео мы займемся практикой, столкнемся с проблемой при генерации сервиса, загуглим решение проблемы,
посетим сайт StackOverflow, найдем решение проблемы, и настроим InMemoryDbService.
Наша группа вконтакте:
excellentprogrammer
Исходные коды для данного урока: gitlab.com/BeGoodProgrammer/a...
Видео о том, как загрузить исходные коды: • Как загрузить исходные...
Плейлист по предыдущим видео (введение в Angular 5) - • Введение в Angular
Оставайтесь воодушевленными!

Пікірлер: 21

@dyaroman1241 5 жыл бұрын

Так как в исходном коде лежит файл `package-lock.json` мне кажется более целесообразно использовать команду `npm ci` вместо `npm install`, чтобы полностью повторить дерево зависимостей и избавиться от возможных проблем с несовместимостью разных версий пакетов. Большое спасибо за видео уроки, коротко и по сути :)

@user-cq2bn8mm1e 6 жыл бұрын

Все, выучил, даешь ещё уроки)

@kvengerov 5 жыл бұрын

Приветствую. Отличные уроки, отлично разложен материал. И очень хотелось бы увидеть как работать с POST запросами. Можно будет сделать урок на эту тему?

@JohnnySvarog 5 жыл бұрын

Здравствуйте. Возьму на заметку

@gadjivuchi 5 жыл бұрын

Отлично!

@rzelenin 6 жыл бұрын

при генерации сервиса слеш нужен прямой а не обратный "ng generate service /api/InMemoryData"

@JohnnySvarog 6 жыл бұрын

точно, видимо, сказывается недавняя работа с powershell- ом. спасибо!

@user-gj9wy5zz7x 6 жыл бұрын

Подскажите пожалуйста когда ждать следующие видео?

@JohnnySvarog 6 жыл бұрын

сегодня вернулся из двухнедельного отпуска, скоро примусь за работу =)

@drum520 5 жыл бұрын

а где же" Оставайтесь воодушевленными и успехов в обучении!"?

@JohnnySvarog 5 жыл бұрын

блин, точно! придется переделывать...

@yaroslavzakhidnyi1596 5 жыл бұрын

привет. а как писать в базу? или удалять записи из нее?

@JohnnySvarog 5 жыл бұрын

этим занимается backend (серверная честь приложения). Если будет интересно, можно будет сообразить что-то и на эту тему

@user-cq2bn8mm1e 6 жыл бұрын

А как ajax-запрос сделать на реальный сервер возвращающий json и вывести данные на страницу, не подскажите?)

@JohnnySvarog 6 жыл бұрын

Нужно будет отключить HttpClientInMemoryWebApiModule, и запросы начнут идти на реальные сервера. В методе Http.get указывать полный url (.../api/users). В общих чертах так: stackoverflow.com/a/50196584/2357405 В рамках этой серии уроков еще поговорим об этом

@user-cq2bn8mm1e 6 жыл бұрын

спасибо, попытаюсь разбираться. Уроки, кстати, неплохие, разжевывание по полочкам нравится

@JohnnySvarog 6 жыл бұрын

спасибо!

@user-cq2bn8mm1e 6 жыл бұрын

может подскажешь, последняя надежда, у меня уже сил просто нет) как в свойство users класса засунуть ajax ответ? Очень надо решить. И непонятно почему в консоли здесь по ссылке не отображает данные, а при запуске проекта в браузере в консоли отображает stackblitz.com/edit/angular-dzwkzx?file=src%2Fapp%2Fapp.component.ts

@JohnnySvarog 6 жыл бұрын

привет. я в отпуске сейчас, в течение двух недель, особо не до компа. я гляжу, ты уже разобрался (судя по тому, что по этой ссылке у меня отобразился список товаров)?