PHP "PUSH" К Javascript

Question

PHP "PUSH" К Javascript

Прямо сейчас у нас есть веб-приложение, которое запускается в локальной сети, где клиенты запускают все в javascript. Чтобы убедиться, что все синхронизировано, эти клиенты в настоящее время используют AJAX-запрос к серверу, отправляя последний "syncId", который он получил. Затем сервер отвечает с помощью массива команд для обновления клиента. Это выполняется каждую секунду и еще не вызывает каких-либо проблем с пропускной способностью или задержкой в сети, однако в следующем месяце мы устанавливаем систему на более крупном клиенте, который может расширить границы этого метода, и мне интересно, возможно ли иметь сервер " НАЖМИТЕ "синхронизировать события с клиентами в режиме реального времени.

srvResponse=httpGet("CDSSync.php?sessionKey="+sessionKey+"&lastUpdate="+lastUpdate);
if(srvResponse!=0){
    syncEvents=srvResponse.split(";");
    for(var i=0; i<syncEvents.length; i++){
         syncItem=syncEvents[i].split(",");
         window["syncFunction_"+syncItem[1]](syncItem[2]);
         lastUpdate=syncItem[0];
     }
}

Выше, где моя система проверяет события для синхронизации, где syncItem[0] является идентификатором autoIncrement, syncItem[1] является кодом для обрабатываемого события, а syncItem[2] является параметром для функции. вызываемая функция httpGet, хотя и не в этом коде, это просто функция, которая извлекает данные с сервера и возвращает ответ.

4

javascript php ajax long-polling ajax-push

Источник

user5465819 23 окт '15 в 02:29

1 ответ

Решение

Другие вопросы по тегам javascript php ajax long-polling ajax-push

user5516713 03 ноя '15 в 19:00 2015-11-03 19:00 · Accepted Answer · 2015-11-03 19:00

Взгляните на www.firebase.com, вы можете настроить push-сервис от клиентов javascript для всех остальных за считанные минуты. Попробуйте сначала простой урок:

<!doctype html>
<html>
  <head>
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
  </head>
  <body>
    <div id='messagesDiv'></div>
    <input type='text' id='nameInput' placeholder='Name'>
    <input type='text' id='messageInput' placeholder='Message'>
    <script>
      var myDataRef = new Firebase('https://hbw30ob2a8y.firebaseio-demo.com/');
      $('#messageInput').keypress(function (e) {
        if (e.keyCode == 13) {
          var name = $('#nameInput').val();
          var text = $('#messageInput').val();
          myDataRef.push({name: name, text: text});
          $('#messageInput').val('');
        }
      });
      myDataRef.on('child_added', function(snapshot) {
        var message = snapshot.val();
        displayChatMessage(message.name, message.text);
      });
      function displayChatMessage(name, text) {
        $('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
        $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
      };
    </script>
  </body>
</html>