Средний
5 уроков
Курс
Пишем API на NodeJS
«Node.js — это эзотерическая игрушка, веселая задумка для переноса языка браузерных сценариев на «новые колеса»». Данный видеокурс научит вас устанавливать NodeJS правильно, чтобы затем вам было удобно работать, познакомит с фреймворком express. На видеоуроках будет реализован базовый веб-сервер и описаны роуты для списка исполнителей и конкретного исполнителя, осуществлено добавление, обновление и удаление наших исполнителей. На нашем видеокурсе вы также узнаете о такой полезной утилите, как Postman и о многом другом.

#3 — Реализуем добавление и обновление данных

Всем привет! Представляем вашему вниманию третий видеоурок по NodeJs. Сегодня мы научимся добавлять, обновлять и удалять наших исполнителей, а также познакомимся с утилитой Postman.

Создание post-запроса

На прошлых видеоуроках мы научились писать get-запрос. Для добавления данных в API мы рассмотрим post-запрос. Для того чтобы использовать post-запрос, необходимо установить библиотеку BodyParser:

npm install body-parser –save.

Приступим к созданию 3-х необходимых методов: откроем файл server.js. Импортируем новую библиотеку и добавим несколько строк:

  • var bodyParser = require(‘body-parser’); — импорт библиотеки.
  • app.use(bodyParser.json()); — эта строчка автоматически обрабатывает правильно json, который мы передали в body.
  • app.use(bodyParser.urlencoded({ extended: true })); — эта строчка автоматически обрабатывает данные формы.

Пишется обработчик для post-запроса:

app.post(‘/artists’, function (req, res) {
var artist = {
id: Date.now(),
name: req.body.name
};
artist.push(artist);
res.send(artist);
})

Утилита Postman

Для того чтобы отправлять различные запросы, мы воспользуемся утилитой Postman – расширение для Chrome.
При этом запросе создается новый артист и добавляется в наш массив исполнителей. Так как у нас нет базы данных, то все данные хранятся статически в массиве, при добавлении данных они просто будут добавляться в оперативную память. Здесь нужно помнить о том, что если перезапустить сервер – все данные сотрутся.

Обновление данных с помощью put-запроса:

app.put( ‘/artists/:id’, function (req, res) {
var artist = artists.find(function (artist) {
return artists.id === Number(req.params.id)
});
artist.name = req.body.name;
res.send(artist);
})

Если вы хотите обновлять данные и получать только подтверждение, что запрос выполнен, необходимо в put-запросе написать в последней строчке:

res.sendStatus(200);

И последнее, что мы сегодня создадим, это метод удаления исполнителей:

app.delete (‘/artists/:id’, function (req, res) {
artists = srtists.filter(function (artist) {
return artist.id !== Number(req.params.id);
})
res.sendStatus(200);
})

Итак, на сегодняшнем видеоуроке мы научились создавать запросы для добавления, обновления и удаления исполнителей в нашем маленьком проекте. До новых встреч, ваш LoftBlog!

Материалы к уроку:
Делись:

Оставь комментарий!

One thought on “#3 — Реализуем добавление и обновление данных

  1. m1r:

    Добрый день. Пишу по вашему уроку, но только пытаюсь без postman, через форму.
    <form action=»http://localhost:3012/artists» method=»POST»>
    POST работает, а вот PUT и DELETE не работает. Подскажите в чем проблема?

    <form action=»http://localhost:3012/artists/1″ method=»PUT» >

    update artist:<br>

    <input type=»text» name=»name»>

    <br>

    <input type=»submit»>

     

    </form>

Добавить комментарий

Рекомендуемые курсы