Как получать данные от API и показывать их в Web?

Question

[Илья Родионов]

Уважаемые пользователи, здравствуйте!

Возникла необходимость в реализации некоторой программы, которой нет в интернете.
Поподробнее:

Есть сервер игры, на котором хочется отслеживать онлайн. Например, вот: https://minecraft-statistic.net/ru/server/mcmwc/st...
Онлайн этого сервера обновляется каждые 10 минут, ибо так решил администратор ресурса.

Скажите, можно ли реализовать посредством получения значения api и других манипуляций вывод подобного на свою страницу и, если да, то как.

Например:
мы получаем значение онлайна сервера по api с сайта https://mcapi.ca/query/play.minesuperior.com/info , где play.minesuperior.com - ip сервера.
в формате json нам нужна только одна строка:

{
    "status": true,
    "hostname": "play.minesuperior.com",
    "port": 25565,
    "ping": 60,
    "version": "1.9",
    "protocol": 4,
    "players": {
        "online": 27,
        "max": 1250
    },

а именно online
дальше необходимо обращаться к этому же api каждую минуту, а значения online выводить в график на странице по типу того, что есть https://minecraft-statistic.net/ru/server/mcmwc/st...

Есть мысли, как можно это реализовать?
Посредством python можно обращаться к api и получать значения online, а дальше их, например, записывать в файл или в базу данных, а php будет забирать каждую минуту значения из БД и показывать их на сайт
но тогда встает вопрос: а будет ли динамичное обновление страницы и не надо ли ее будет перезагружать каждый раз?

Если нет, то может посредством php без python? но если в первом я смогу это сделать, то с php могут возникнуть большие проблемы: я не представляю, как это реализовать

Если есть какие-либо идеи, предложения или вопросы по тому, что я написал - пишите, всем отвечу!
Заранее спасибо!

Answer 1

[Stalker_RED]

cron - чтобы запускать раз в минуту
curl - чтобы получить статистику.
json_decode - преобразовать json в массив.

В простейшем случае

$json = file_get_contents('https://mcapi.ca/query/play.minesuperior.com/info');
$data = json_decode($json);
$online = $data[0]['players']['online'];

echo $online;
// или запись в файл
file_put_contents('/path/to/my/file.txt', $online);

Comments

[Илья Родионов]

это, как я понял, реализация через php

а в кроне можно поставить запуск php каждую минуту?
знаю, что, например, с python да, но вот про пхп не слышал..

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

спасибо за ответ и идею!

[Stalker_RED]

Илья Родионов: В кроне можно прописать любую команду.

Для динамического обновления нужно или запускать таймер на клиенте (javascript, setInterval()) или использовать пуш с сервера, через websockets, например (но это НАМНОГО сложнее). Счетчик онлайна с чужого сервера не стоит таких усилий, имхо.

[Виктор Л]

Илья Родионов:
cron - чтобы запускать раз в минуту
curl - чтобы получить статистику
ну возьми например еще сюда Firebase, curl сразу записывай в базу
а на стороне Front end возьми связку vue+firebase и будет тебе динамика без перезагрузок

[Илья Родионов]

Виктор: /если честно, я из этого знаю только крон и кьюрл, а о других словах и понятия не имею, что это /

[Илья Родионов]

Stalker_RED: спасибо, буду думать, пробовать)

[Stalker_RED]

Илья Родионов: Возможно вам действительно не стоит заморачиваться с серверным решением, а вместо этого использовать fetch, как советовал @boratsagdiev

Как-то так: https://jsfiddle.net/kw9ffaka/

[Виктор Л]

Stalker_RED Ну он же еще график хотел?

[Stalker_RED]

Виктор: А, тогда да, без серверной части будет фигня.

[Илья Родионов]

Stalker_RED: Виктор: а можно как-то посмотреть, как реализовано это на miencraft-statistic? или нет, потому что там не js, а что-то, что не видно пользователю, как php и другие строки кода

[Илья Родионов]

Stalker_RED: Виктор: написал ответ Alexander
можете посмотреть, вдруг есть мысли?

[Stalker_RED]

Илья Родионов: Если вы хотите собирать статистику непрерывно, то о вкладке в браузере лучше забыть.

Вам понадобится:
1. сервер (компьютер постоянно включенный и подключенный к интернету)
2. планировщик задач (не обязательно крон, в винде есть taskschd.msc)
3. любой язык программирования, который умеет подключаться к сети и базам данных. Это может быть python, php, node-js, ruby, java - практически что угодно, на чем вы умеете или хотите научиться писать.
4. база данных - опять таки любоая которую умеете или хотите изучить.
5. для вывода графика в браузер можете нарисовать его самостоятельно на canvas или использовать готовую библиотеку вроде chart.js, или можете рисовать картинку при помощи GD (попроще или покруче) или использовать что-то еще - решений множество под любой язык.

[Stalker_RED]

а можно как-то посмотреть, как реализовано это на miencraft-statistic?

Можно, нажать правой кнопкой на график, посмотреть в инспекторе. Там highcharts.js.

[Илья Родионов]

Stalker_RED: 1 - есть и все работает
2 - убунту сервер крутится дома в коридоре, использую крон уже для одной решенной задачи с помощью тостера))
3 - питон, вроде ка его знаю и люблю
4 - mysql
5 - хм.. окей. люблю то, что попроще

спасибо опять же, буду думать и принимать к сведению.

если есть мысли относительно netdata, то опять же - милости просим, хотелось бы услышать ваше мнение на этот счет

Answer 2

[Alexander]

Все ваши проблемы решит Javascript и XMLHttpRequest / fetch / другая библиотека для запросов.

Через setInterval делаете каждую минуту запрос к API и выводите полученное значение в нужном месте. И динамическое обновление будет и не надо пинать php или python :)

Comments

[Илья Родионов]

спасибо
как раз было интересно, посредством чего можно это реализовать

скажите, есть какие-то примеры реализации этого через js? а то я в ней так же не силен, как в пхп

[Alexander]

Илья Родионов: набросал вот банальное: https://codepen.io/alcovegan/pen/YQRXGa?editors=1011#0

[Илья Родионов]

Alexander: спасибо, буду применять к своему случаю!

[Alexander]

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

Например вынести запрос в отдельную функцию и запустить ее один раз при загрузке сайта, а потом уже в дело пойдёт сетИнтервал с этой функцией внутри.

[Илья Родионов]

Alexander: стоп, а он будет работать, если страница закрыта?
т.е. как на том мониторинге?
даже если страница не активна, он все равно каждые 10 минут обновляет онлайн
https://minecraft-statistic.net/ru/server/mcmwc/st...

[Alexander]

Илья Родионов: если прямо закрыть вкладку, то не будет. А если просто переключиться на другую, то будет. Вам же это нужно чтобы показать посетителю на (вашем) сайте количество игроков?

[Илья Родионов]

Alexander: да я хотел даже не для посетителей, а для себя сделать
просто просматривать, что когда и сколько

к слову, на сервере использую my-netdata.io , чтобы смотреть состояние служб
там есть система своих плагинов в документации /как я понимаю, это вот это/ https://github.com/firehol/netdata/wiki/Add-more-c...

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

Answer 3

[Виктор Л]

могу предложить еще такой вариант:
1) Создаем Google Sheets таблицу
2) Инструменты редактор скриптов добавляем код

function getData() {
  const url = 'https://mcapi.ca/query/play.minesuperior.com/info';
  const response = UrlFetchApp.fetch(url, {'muteHttpExceptions': true});
  var params = JSON.parse(response.getContentText());  
  var d = new Date();
  var sheet = SpreadsheetApp.getActiveSpreadsheet();
      var n =sheet.getRange("A1").getValue()+2;
      sheet.getRange("A"+n).setValue(d);
      sheet.getRange("B"+n).setValue(params.players.online);
      sheet.getRange("A1").setValue(n-1);
}

3) Теперь нужно добавить триггер

4) Ну таблица заполняется строим график =>

Comments

[Илья Родионов]

очень интересный вариант, серьезно
хотелось бы, конечно, на свой сайт встроить, а не через гугл, но это практически решение проблемы
спасибо, сегодня опробую

к слову, если у вас есть идеи, как реализовать мысль в комментариях под Alexander - милости просим))