Una chat stile Facebook con PHP e jQuery
Pagina 1 di 2
Molti di voi sicuramente amano le chat di Facebook e Gmail. Grazie alla loro "non invasività", infatti, le chat citate risultano particolarmente semplici e comode in quanto (grazie ad Ajax) non interrompono, ma si affiancano, a quello che si sta facendo on-line.
In questo articolo vi presento un bellissimo script basato su PHP e jQuery grazie al quale potrete integrare sul vostro sito web una chat inline simile a quella di Facebook.
Lo script (sotto forma di plugin per jQuery) è dispobile a questa pagina dove, tra le altre cose, è possibile visualizzare delle demo del prodotto.
Per funzionare, questo script necessita di essere installato su uno spazio con supporto per PHP e MySQL. Oltre a questo, lo script necessità della libreria jQuery per poter svolgere le funzionalità client side.
Lo script, si noti bene, non contiene gli strumenti per la gestione di una comunità, ma offre solo il sistema di chat. Spetta all'utilizzatore integrare questo sistema all'interno del proprio sito web integrando, se necessarie, funzioni quali la registrazione degli utenti, ecc.
Vediamo le caratteristiche principali di questa chat.
- La finestra della chat viene mostrata in basso a destra proprio come Facebook;
- Salvataggio dello stato della chat anche quando la pagina è ricaricata o aggiornata (simile Facebook);
- Viene mostrato il messaggio "Sent at..." in caso di inattività di 3 minuti;
- Viene mostrato il messaggio "X says" sul titolo della finestra e fatta lampeggiare la chat per indicare l'arrivo di un nuovo messaggio alll'utente;
- Possibilità di minimizzare o chiudere il box della chat;
- Auto-resize del campo per l'inserimento del testo;
- Auto-scrolling del testo inserito in chat;
- Sistema che limita automaticamente le operazioni del server quando la chat è poco attiva;
- Molto semplice da integrare in qualsiasi sito web.
Di seguito uno screenshot della chat:
Vediamo come installare la nostra chat.
Come prima cosa creiamo la tabella del nostro database, la quale servirà per gestire la chat, permettendo il salvataggio dello stato dei messaggi e per gestire i vari utenti.
CREATE TABLE 'chat' (
'id' INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
'from' VARCHAR(255) NOT NULL DEFAULT '',
'to' VARCHAR(255) NOT NULL DEFAULT '',
'message' TEXT NOT NULL,
'sent' DATETIME NOT NULL DEFAULT '0000-00-00 00:00:00',
'recd' INTEGER UNSIGNED NOT NULL DEFAULT 0,
PRIMARY KEY ('id'),
INDEX 'to' ('to'),
INDEX 'from' ('from')
)
ENGINE = InnoDB;
Questo è il codice per creare la tabella. All'interno dell'archivio che troverete nel sito c'è già un file db.txt che contiene questo codice e, se importato in mySQL, la tabella verrà creata automaticamente.
Creata la tabella dovremo modificare il file chat.php e mettere i giusti valori per quanto riguarda il nostro database (nome del database, host e credenziali di accesso).
Trovate le seguenti righe all'interno del file (prime righe dopo il commento) e metteteci i giusti valori.
define ('DBPATH','localhost');
define ('DBUSER','root');
define ('DBPASS','password');
define ('DBNAME','chat');
La prima definisce l'host del MySQL, la seconda l'username, la terza la password e la quarta il nome del database creato (non della tabella, che invece si da per scontato si chiami "chat").
