JSON placeholder - garevna/js-course GitHub Wiki

JSONPlaceholder


Для того, чтобы понять принцип взаимодействия с REST API, воспользуемся бесплатным сервисом JSONPlaceholder

Здесь нам не нужна авторизация, не нужно посылать login и пароль, чтобы получить доступ к данным

Но, естественно, мы имеем доступ только на чтение данных

Методы POST, PUT, PATCH, DELETE только имитируются, фактически мы не можем вносить изменения

Перечень endpoint ( доступных операций с ресурсами )

JSONPlaceholder endpoints

Например, чтобы получить с фейкового сервера все посты, мы должны использовать ссылку:

https://jsonplaceholder.typicode.com/posts

При этом нас не волнуют детали реализации обработки нашего запроса на стороне сервера

Сервер также "свободен" в выборе или изменении способа обработки запроса и фактического размещения данных

Нас связывают с сервером только условные ссылки ( endpoints ), которые понятны серверу ( чего мы хотим )

Где конкретно лежат нужные нам данные - это не наше дело, как сервер будет их обрабатывать - не наше дело

то есть есть некое соглашение ( протокол ), по которому и взаимодействуют две стороны: клиент и сервер


:coffee: :one:

Получим все комментарии к первому посту с помощью утилиты curl

Выполним консольную команду

$ curl https://jsonplaceholder.typicode.com/comments?postId=1

:coffee: :two:

Получим все комментарии к первому посту прямо в консоли браузера, воспользовавшись методом fetch

fetch ( 'https://jsonplaceholder.typicode.com/comments?postId=1' )
    .then ( response => response.json ()
        .then ( json => console.log ( json ) )
    )