Un xat de Facebook-estil amb PHP i jQuery

Molts de vostès segurament els encantarà a xatejar a Facebook i Gmail. Gràcies al seu "no invasiu", de fet, les sales de xat anteriorment són particularment simple i convenient pel fet que (gràcies a Ajax) no interrompre, però al costat de l'altre, al que està fent en línia.
En aquest article presento una escriptura bella basat en PHP i jQuery amb la qual es pot incrustar en el seu lloc web xat en línia similar a Facebook.

El guió (en forma de plugins per jQuery) és dispobile a aquesta pàgina , on, entre altres coses, pot veure la demo del producte.
Per funcionar, aquest script necessita ser instal · lat en un espai amb suport per a PHP i MySQL. A més d'això, l'script necessita la llibreria jQuery per realitzar la funcionalitat del costat del client.
El guió és ben sabut, no conté eines per a la gestió d'una comunitat, però només ofereix el sistema de xat. És l'usuari integrar aquest sistema en el seu lloc web mitjançant la integració, si cal, les funcions com ara el registre d'usuaris, etc.

Veiem les característiques principals d'aquest xat.

1. La finestra de xat es mostra a la part inferior dreta tan ràpid;
2. Desa l'estat de la conversa, fins i tot quan la pàgina es recarrega o s'actualitza (com Facebook);
3. Es mostra el missatge "Enviat a les ..." quan està en repòs durant 3 minuts;
4. Es mostra el missatge "X diu que" al títol de la finestra i va fer flash xat per indicar l'arribada d'un nou missatge alll'utente;
5. Capacitat per minimitzar o tancar la finestra de xat;
6. Auto-canviar la mida del camp per introduir text;
7. Desplaçament automàtic del text al xat;
8. Un sistema que limita automàticament les operacions del servidor quan el xat no és molt actiu;
9. Molt fàcil d'integrar en qualsevol pàgina web.

El missatge "Enviat a" i "X diu," que són en anglès, 92 línies de canviar l'arxiu chat.php i la línia 155 del fitxer chat.js.

A continuació es mostra una captura de pantalla del xat:

Anem a veure com instal · lar el nostre xat.
Primer vam crear la taula de la nostra base de dades, que servirà per gestionar el xat, permetent que l'estat es guardaran els missatges i gestionar múltiples usuaris.

 CREATE TABLE 'xat' (



  



 INTEGER unsigned 'Id' NOT NULL AUTO_INCREMENT,



  



 'De' VARCHAR (255) NO''default NULL,



  



 "Per a" VARCHAR NOT (255)'', NULL,



  



 'Missatge' TEXT NO NULL,



  



 'Enviat' default DATETIME NOT NULL '0000-00-00 00:00:00 ',



  



 INTEGER unsigned DEFECTE "RECD 'NOT NULL 0,



  



 PRIMARY KEY ('id'),



  



 Índex 'per' ('a'),



  



 ÍNDEX 'de' ('des de')







 )







 ENGINE = InnoDB;

Aquest és el codi per crear la taula. Dins de l'arxiu es troba el lloc ja és un arxiu que conté db.txt aquest codi i, si s'importen a MySQL, la taula es crearà automàticament.

Crea la taula hem de editar l'arxiu i posar el chat.php valors correctes pel que fa a la nostra base de dades (nom de la base, d'acollida, i les credencials d'inici de sessió).
Cercar les següents línies al fitxer (la primera línia després del comentari) i posar els valors correctes.

 define ('dbpath', 'localhost');







 define ('dbus', 'root');







 define ('dbpass', 'contrasenya');







 define ('dbname', 'xat');

La primera defineix l'amfitrió MySQL, la segona contrasenya el nom d'usuari, i el tercer, el quart el nom de la base de dades que ha creat (no la taula, se suposa que en lloc que es diu "xat").

• <<
• 1
• 2
• >>