HTTP-запросы GET для начинающих - Octoprint

Question

Я делаю личный проект с 3D-печатью и октопечатью, в котором я пытаюсь получить значения из веб-интерфейса, такие как время, оставшееся до завершения 3D-печати. Я провел исследование и, похоже, мне нужно выполнить HTTP-запрос GET. Я провел исследование программного обеспечения octoprint и обнаружил, что у них есть документация по API. Также есть API-ключ для доступа к моему конкретному экземпляру octoprint. Проблема в том, что я никогда ничего не программировал с помощью запросов. Я сделал базовый javascript, но ничего особенного. Я ищу кого-нибудь, кто направит меня в правильном направлении при отправке запроса и извлечении значений из веб-интерфейса. Спасибо за ваше время.

Answer 1

Следуйте документации, чтобы получить свой ключ API.

Отсюда начало работы с fetchэто путь. Это непроверенный код для получения версии API, но он должен быть близок:

   const response = await fetch('http://your-device-url/api/version', {
     headers: {
       'Content-Type': 'application/json',
       'X-Api-Key': 'your key goes here'
     }
   });
   const json = await response.json();
   console.log('here is the version information', json);

Вот несколько ссылок, чтобы узнать больше о fetch:

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetchhttps://javascript.info/fetchhttps://medium.com/codingthesmartway-com-blog/fetch-api-introduction-to-promised-based-data-fetching-in-plain-javascript-620e54898d8e

Асинхронные функции - это связанная тема и еще одна вещь, которую вам нужно изучить.

https://developers.google.com/web/fundamentals/primers/async-functions