Controllo URL Server Lato Client

( 0 Votes )

Scritto da Enrico Battuello

Martedì 09 Settembre 2014 23:44

Con questo breve articolo vedremo come utilizzare Javascript lato client ovvero lato browser utente per capire da quale server o dominio stiamo caricando una pagina web. In particolare lo script che mostreremo potrà essere utile per diversificare l'elaborazione javascript o gli effetti di stile applicati alla pagina web in funzione del server da cui essa viene caricata.

Supponiamo nel nostro esempio di avere due server, vale a dire:

un server di sviluppo in cui eseguiamo le nostre prove e testiamo il codice che compone le pagine web;
un server di produzione in cui riversiamo il codice testato e funzionante per renderlo disponibile e fruibile agli utenti;

Il server di sviluppo risponde all'indirizzo:

http://localhost/mentegeniale

mentre il server di produzione risponde all'indirizzo:

http://mentegeniale.altervista.org

Il codice necessario ad eseguire il nostro controllo è contenuto all'interno della seguente funzione Javascript:

<script type="text/javascript">
   function checkServer() {
      var svilCheck = 'localhost';
      var proCheck = 'altervista.org';
      var currentLocation = window.location.href;
      var currentServer = '';

      if (currentLocation.indexOf(proCheck) > - 1)
         currentServer = 'PRODUCTION';
      else if (currentLocation.indexOf(svilCheck) > - 1)
         currentServer = 'SVILUPPO';
      else currentServer = 'SCONOSCIUTO';
      return currentServer;
   }
</script>

La funzionalità chiave usata nel javascript appena visto è la window.location che recupera l'indirizzo (URL) della pagina web appena caricata. In realtà, window.location non è una funzione bensì un oggetto javascript dotato di diverse proprietà fra cui:

location.href che restituisce l'URL della pagina corrente;
location.hostname che restituisce il nome del dominio dell'host web;
location.pathname che restituisce il percorso ed il nome del file della pagina corrente;
location.protocol che restituisce il protocollo web utilizzato per il caricamento della pagina (vale a dire http:// o https://);
location.assign che carica un nuovo documento;

Per il nostro scopo abbiamo utilizzato la proprietà href dell'oggetto location.

Come ultima nota evidenziamo l'utilizzo in questo script della funzione indexOf che è associata a tutti gli oggetti di tipo stringa; indexOf restituisce la posizione all'interno di una stringa della prima occorrenza trovata di uno specifico valore.

Per concludere diamo il codice HTML di una semplicissima pagina web che si limita a visualizzare un alert (un messaggio di avviso) che mostra la stringa risultante dall'esecuzione del controllo dell'indirizzo del server da cui è stata caricata:

<!doctype html>
<html>
<head>
<title>Check URL Server</title>
<script type="text/javascript">
   function checkServer() {
      var svilCheck = 'localhost';
      var proCheck = 'altervista.org';
      var currentLocation = window.location.href;
      var currentServer = '';

      if (currentLocation.indexOf(proCheck) > - 1)
         currentServer = 'PRODUCTION';
      else if (currentLocation.indexOf(svilCheck) > - 1)
         currentServer = 'SVILUPPO';
      else currentServer = 'SCONOSCIUTO';
      return currentServer;
   }
</script>
</head>
<body>
<script>
   alert('Ambiente: ' + checkServer());
   document.write('Ambiente: ' + checkServer());
</script>
</body>
</html>

Per un esempio di funzionamento potete selezionare questo link.

Ultimo aggiornamento Martedì 09 Settembre 2014 23:48