Урок 3. Full-Stack практика. Создание JavaScript блога. Создание REST API роутов

Автор Ruslana Chernenko
Урок 3. Full-Stack практика. Создание JavaScript блога. Создание REST API роутов

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

Давайте в корне проекта мы создадим новую папку который будет отвечать за роутер и назовем его например внезапно роутер внутренняя давайте мы создадим файл который будет отвечать именно за роботы которые относятся к поста запустить файл post.su здесь будем описывать именно роутер значит как вообще выглядят роутер в экспрессе для начала. Нам необходимо подключить пресс с помощью конструкции реклама r-express и далее мы можем создать переменную которая добывается из библиотеки экспресс и её функция роутер и теперь данный роутер мы с ним будем работать уже данном файле в конце мы будем экспортировать наружу то есть помощью конструкции module exports роутер то есть мы будем именно данный файл который мы будем модифицировать экспортировать из данного файла Post пока мы не пишем. Нет никакого функционала.

Давайте попробуем его применить для нашего сервера для этого мы должны перейти в файл где мы описываем сервер и здесь где-нибудь наверху давайте мы подключим данные допустим назовем его пост роутер и с помощью конструкция риквир мы переходим в папочку и дальше у нас есть файл post.su теперь для того чтобы использовать данные роутер мы можем после того как мы определили объект нашего приложения написать команду Up US для того чтобы применить какой-то Road дай чтобы экспресс понимал некоторые ссылки значит первым мы можем указать URL prefix который будет доступен именно для данного роутер и вторым параметром укажем именно тот роутер который нам нужно использовать.

Давайте теперь разберемся. Какой нам нужно приходить написать по сути у нас будет часть сервера который будет именно клиентскую сторону — это Index HTML и разбудит часть сервера который будет отвечать именно за rest API и всё, что относится у нас. Скопин Я предлагаю делать через API и далее так как нас идёт здесь работа именно с постами то далее мы будем указывать просто сущность пример пост войти в роутер разберёмся как — это будет выглядеть полная ссылка для получения именно. Таких данных по постом этого теперь идём обратно в пост и здесь начнём выписывать, а сейчас по сути для нашего приложения нам важно сделать реализации действия первое действие — это получить все посты которые у нас есть в базе данных второе действие — это создать новый пост и мы реализуем ещё удаление какого-то паста по определенному — это в растопи чтобы получать что-то мы используем http-запросы с методом Get то есть что-то получить и для того чтобы реализовать метод Get в экспрессе мы. Обращаемся к роутеру и вызываемой него метод Get и здесь в качестве параметра мы просто указываем слэш сейчас я допишу функцию и объяснил полный адрес своим параметрам. В данный метод мы указываем callback функцию которая в свою очередь принимает 2 параметра рек и рис. То есть реквест — это сокращённо точнее рак от request то есть запрос и резко всё на адрес пункта есть ответ да тут мы можем манипулировать ими этими вещами. Когда будет проходить определенный род. Теперь давайте посмотрим, а что — это будет. Здорово Ты как будет определяться. У нас есть некоторые префикс API Post и — это означает, что в данном случае мы будем видеться вопрос следующего характера http localhost далее. У нас идёт порт какое-то на 5.000. После этого у нас идёт префикс API Post которые мы писали в самом сервере и дальше у нас идёт Flash то есть по сути у нас будет вот такой вопрос который будет реагировать тип Get и случай если экспресс увидишь, что — это запрос типа Get то, тогда он будет что-то отдавать там похожая ситуация нас будет реализована ещё для двух методов то есть в растопи если мы хотим что-то создать, но мы обычно используем этот пост и для того чтобы что-то удалить то мы используем метод Delete и по сути все эти. Я тебе оставлю комментарии все эти запросы они будут реагировать ссылки, но экспресс будет понимать. Какую функцию вызывать зависимости от метода да. А мы не будем указывать уже на клиенте здесь у нас будет метод Post и сейчас будет Method Delete теперь. Давайте попробуем написать соответственно Method get' с помощью которого мы хотим что-то получить для этого изначально подключить непосредственно сама модель которой мы создавали в прошлом уроке то есть мы в переменную Post заносим результат работы выходим на уровень выше заходим папочку. Модус и сходим в файл post. с большой буквы и теперь с помощью данного. Мы можем вместе уже работу с базой данных значит. Запусти для того чтобы все сущности из базы в. Меге Нам необходимо сделать следующее обратиться к посту и дальше вызвать у него метод find vba метод find пустой объект. Это означает, что мы будем требовать все посты без каких-либо условий то есть. Нам нужно получить всё, что есть в базе. Теперь давайте поговорим о том как правильно делать данные данные операция оно является асинхронный и по сути она может нам возвращать некоторые Promise мы можем обучение с помощью методов сны после этого уже как-то обрабатывать в кубики на что-то или же мы можем пойти более современным путем и, а так как мы с вами работаем уже на платформе, но тоже с которая не требует понимания разных браузеров то здесь идет обработка самого современного джаваскрипта и поэтому мы можем.

0 комментариев
0

Читайте также