Ajax v praxi - Online uživatelé

V dnešním pokračování vám ukážu jak sledovat počet online uživatelů pomocí Ajaxu.

Tentokráte se podíváme na něco opravdu jednoduchého, sic existuje nepřeberné množství řešení, jak tento úkol provést. V ASP.NET to máte hotové za 10 vteřin, ale my se podíváme, jak to vyřešit pomocí Ajaxu a taky opět trochu zabrousíme do PHP. Vytvoříme si jednoduchý PHP script, který bude kontrolovat sessiony online uživatelů. Dále napíšeme 10 minutovou kontrolu aktivity uživatelů pro komplexnější výsledky. Uživatel, který sice je na stránkách, ale 10 minut nevykonal žádnou akci, bude brán jako offline. Tu dobu budeme zjišťovat pomocí funkce filemtime(), která nám vrací čas, kdy byl soubor naposledy upravován. Tento čas budeme odečítat od současného času a porovnávat s desetiminutovým limitem. Podle toho buďto budeme, nebo nebudeme přidávat proměnné $i vyšší hodnotu.

<?php
  define("MAX_IDLE_TIME", 10); 
  function online(){
    $cesta = session_save_path();
    if (trim($cesta) == "") {
      return FALSE;
    }

    $d = dir($cesta);
    $i = 0;
    while (false !== ($udaj = $d->read())) {
      if ($udaj != "." and $udaj != "..") {
        if (time() - filemtime($cesta . "/$udaj") < MAX_IDLE_TIME * 60 ) {
          $i++;
        }
      }
    }

    $d->close();
    return $i;
  }
?>

Nyní vytvoříme proměnnou, do které uložíme odkaz na php soubor s kódem počítadla. Dále definujeme proměnnou requestObejct a nakonec nastavíme časování na přehodnocení dat po jedné minutě.

var requestObject;
var odkaz = "http://ajaxpocitadlo.cz/pocitadlo.php";
window.setInterval("AJAXRequest()", 6000);

Ještě, než se vrhneme na JavaScipt, vytvoříme si DIV s identifikátorem online, kde budeme zobrazovat výsledky.

<div id="online"></div>

Teď se dostáváme k samotnému Ajaxu. Výše jsme již použili funkci AJAXRequest, nezbývá nám tedy, než ji vytvořit. Tato funkce bude mít klasickou výstavbu jako v předešlých dílech seriálu, čímž míním tříparametrovou metodu open(), dále metodu send() a onreadystatechange, která se bude dovolávat na další funkci reqChange(). Funkce reqChange() bude začínat kontrolou metody requestChange() a bude pokračovat pouze v případě výsledku 4. Dále bude následovat, z minulého dílu známá, kontrola správnosti vstupních dat pomocí metody indexOf(). Pokud budou obě podmínky splněny, vypíše se samotný počet uživatelů, v případě nesplnění bude vypsána chyba.

function AJAXRequest() {
  document.getElementById("online").innerHTML = "Získávám počet online uživatelů…";

  RequestObject.open("GET", odkaz , true);
  RequestObject.onreadystatechange = ReqChange;
  RequestObject.send(null); 
}

function ReqChange() {
  if (RequestObject.readyState == 4) {
    if (RequestObject.responseText.indexOf('invalid') == -1) { 	
      var msgs = RequestObject.responseText.split('|');
      document.getElementById("online").innerHTML = msgs[0] + " uživatelů online";
    } else {
      document.getElementById("online").innerHTML = "Při načítání dat nastala chyba.";
    }
  }
}

V příštím díle vám ukážu, jak vytvořit velmi jednoduchý Ajax formulář za použití PHP.