Per consolidare le mie conoscenze ho deciso di sviluppare un esempio completo di pagina Web dinamica (diciamo pure applicazione Web) sviluppata grazie alla comodit\u00e0 offerta da JQuery. Inizialmente doveva essere un semplice esempio come gli altri che vi ho mostrato, ma poi mi sono lasciato prendere la mano e ho sviluppato una chat completa, che ho pure testato con gli amici (grazie in particolare a Koryu, BigSmurf, iskyz e Nickos88 nonch\u00e9 a mia sorella)!
\nCi sono un sacco di altre cose che avrei potuto aggiungere, ma un programmatore deve sapere quando fermarsi! Potete usarla sia come esempio didattico che nei vostri siti Web, se lo desiderate. Naturalmente occorrer\u00e0 abbellirla in qualche maniera. JQuery UI potrebbe essere una buona idea, ma se siete pi\u00f9 creativi di me potete anche giocare col foglio di stile e farci qualcosa di bello. Il Web design non \u00e8 il mio campo e comunque esulava dai miei scopi.
\nChi come me ha a che fare col Web da tanto noter\u00e0 come finalmente la tecnologia ci consenta di avere una chat che sia del tutto “nostra”. Prima servivano dei server Java o degli orribili frame che facessero continui refresh. Spesso ci si affidava a servizi che consentivano di inserire una chat pronta sul sito, senza alcuna integrazione.<\/p>\n
Veniamo a noi. La chat \u00e8 composta principalmente dai seguenti file:<\/p>\n
A proposito della sessione, \u00e8 bene aggiungere una piccola nota di sicurezza: non \u00e8 verificato in alcun modo che l’ID di sessione scelto ci appartenga, quindi in linea di massima \u00e8 possibile che un altro utente scriva al posto nostro, ma \u00e8 molto improbabile che a un malintenzionato interessi rubarci un nick su una chat che non richiede alcuna registrazione! Proprio per evitare altri generi di “rogne”, non viene utilizzata la sessione PHP ma gli ID vengono generati casualmente dal server al momento del login. \u00c8 interessante discutere una scelta fatta su un dettaglio della chat. Come potrete vedere, vi \u00e8 la possibilit\u00e0 di ignorare uno o pi\u00f9 utenti. Questa caratteristica \u00e8 aggiunta lato-client, il server non ne sa nulla: semplicemente gli utenti da ignorare sono tenuti in memoria e i loro messaggi non vengono scritti sulla finestra della chat. I vantaggi sono ovvi: il server \u00e8 mantenuto minimale, non si complica la gestione degli utenti, le query sono pi\u00f9 leggere. Il primo svantaggio \u00e8 che se aggiorniamo la pagina perdiamo gli utenti ignorati. La cosa si risolve facilmente con un cookie, ma come ho gi\u00e0 detto prima, mi sono fermato prima di ingarbugliare ancora il codice.. divertitevi voi ad aggiungerlo! Pi\u00f9 serio pu\u00f2 essere il fatto che se un utente si disconnette e un altro si connette con lo stesso nick prima del refresh della lista, ignoreremo un innocente… ma diciamo la verit\u00e0, quanto \u00e8 probabile questa cosa? Infine, abbiamo dei trasferimenti di dati inutili, problema che potrebbe essere piuttosto serio se ignorassimo molti utenti che scrivono messaggi-spam molto grandi, ma abbiamo la possibilit\u00e0 di impostare un intervallo di flood. Di default questo intervallo \u00e8 1 secondo e l’intervallo di scaricamento dei messaggi \u00e8 di 3 secondi. Se immaginiamo di ignorare 2 utenti che scrivono un messaggio al secondo, al massimo scaricheremo 6 messaggi inutili. Per evitare che questo sia troppo costoso, potrebbe essere una buona idea controllare la lunghezza dei messaggi entranti sul server e restituire un codice di errore se si supera un certo numero di caratteri. Comunque non lasciamoci suggestionare: abbiamo linee piuttosto veloci, non sar\u00e0 qualche kb (esagerando) in pi\u00f9 di messaggi a guastarci il divertimento. Possiamo usare la chat cos\u00ec e prendere eventuali contromisure se si presentano problemi \ud83d\ude42<\/p>\n Non mi dilungo in altre spiegazioni. I file sono ricchi di commenti!<\/p>\n Veniamo all’installazione. Vi occorre un database MySQL e PHP (io ho la versione 5.3.8, ma dovrebbe funzionare anche con versioni precedenti, purch\u00e9 non pi\u00f9 vecchie della 5.2). Per prima cosa dovete creare un database ed importare le tabelle dal file chat.sql, poi aprite il file chat_configuration.php e impostate i parametri di connessione al database stesso. Per verificare che tutto funzioni correttamente aprite col vostro browser la pagina chat_server.php. con i seguenti parametri: Se ci\u00f2 che visualizzate \u00e8 {“code”:3}, tutto funziona correttamente. Se non visualizzate nulla controllate di aver impostato i parametri giusti e creato bene il database. Ecco il link: altri_file\/chat1.0.zip<\/a> AGGIORNAMENTI:<\/strong> Per consolidare le mie conoscenze ho deciso di sviluppare un esempio completo di pagina Web dinamica (diciamo pure applicazione Web) sviluppata grazie alla comodit\u00e0 offerta da JQuery. Inizialmente doveva essere un semplice esempio come gli altri che vi ho mostrato, … Continua a leggere
\nAi file elencati si aggiunge un piccolo file di configurazione con qualche parametro da impostare prima dell’utilizzo.
\nHo scelto di utilizzare un database perch\u00e9 lavorare con dei file avrebbe complicato ulteriormente le cose, ma si pu\u00f2 sempre modificare la pagina server e farla funzionare in modo diverso. Se siete interessati a una chat gi\u00e0 pronta basata su file potete seguire questo link<\/a><\/p>\n<\/code><\/p>\nhttp:\/\/VOSTRO_PATH\/chat_server.php?action=verify_connection&session=0<\/code><\/p><\/blockquote>\n
\nPotrete accedere alla chat attraverso index.html.
\nI pi\u00f9 smaliziati potranno includere la chat nel proprio sito come vorranno (so che le chat non vanno di moda come una volta, ma fa sempre piacere averne una).
\nLa licenza \u00e8 la BeerWare, quindi potrete farci ci\u00f2 che vorrete \ud83d\ude00
\nSe qualche internauta capitasse qui, la scaricasse e la utilizzasse, mi farebbe piacere che mi scrivesse due righe di impressioni (qui o in privato) e magari il link della propria pagina.<\/p>\n
\nHappy Hacking!<\/p>\n
\n29\/05\/2021: Aggiunto jquery-cookie nel file zip, sostituite le chiamate mysql con mysqli altri_file\/chat1.1.zip<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"