Crearea unui chat pe baza jquery

În lecția de astăzi vom lua în considerare crearea unui mic program de chat foarte ușor de scris și suportat pe toate serverele care lucrează cu PHP. Nu este necesară nicio bază de date - întregul program de chat va fi stocat într-un fișier text simplu. Programul este creat folosind următoarele tehnologii:

• PHP - pentru stocarea informațiilor despre server
- Scrierea de mesaje noi într-un fișier text
- Citirea mesajelor noi dintr-un fișier text
- Actualizați informațiile fișierului
- Asigurarea securității

• Fișier text () - stocarea programului de chat

În această lecție veți învăța despre câteva tehnici și tehnologii interesante, în urma cărora veți obține o conversație reală. Desigur, nu poate fi numit cel mai avansat chat din lume. Nu puteți elimina utilizatorii din chat sau le puteți interzice. Utilizatorii nu vor putea schimba porecla lor. Nu veți putea vedea o listă cu toți cei care sunt în prezent în chat. Cu alte cuvinte, acest lucru nu este un IRC - doar un program demo distractiv, care, totuși, funcționează bine. Dacă doriți să învățați cum să faceți acest lucru (și apoi puteți actualiza programul la discreția dvs.), atunci mergeți mai departe!

Ceea ce tocmai ați văzut nu este nici măcar jumătate din funcționalitatea principală a programului. Funcția de înfășurare a paginii este utilizată pentru centrare. Funcțiile double-div, chat-wrap și chat-area sunt responsabile de rama dublă absolut opțională, dar foarte eficientă a ferestrei de chat.

Funcția updateChat trimite o cerere către server pentru a prezenta linii noi în fișierul text. Dacă există, funcția le marchează ca JSON și le adaugă la chat. Funcția sendChat este activată când mesajul este deja scris în câmpul de introducere și este apăsat butonul "Enter" - trece informațiile introduse pe server. Funcția getStateOfChat interoghează serverul pentru numărul de linii din fișierul text curent pentru a determina dacă există sau nu noi rânduri. Această informație este, de asemenea, introdusă în JSON, dar acestea sunt toate aceste funcții:

Toate aceste funcții profită de tehnologiile AJAX ale jQuery și utilizează, de asemenea, fișierul process.php în procesul de comunicare, pe care noi îl înțelegem pe noi înșine.

Utilizarea tehnologiilor PHP în program

O parte din informația care este transmisă folosind cererile AJAX este (arbitrară) valoarea, numită "funcție". Acest lucru este necesar pentru a notifica fișierul PHP despre acțiunile ce trebuie efectuate. Astfel, în primul rând, trebuie să raportăm această valoare la comutarea funcțiilor. De asemenea, creăm o matrice goală, care va stoca variabilele, care apoi vor fi scrise ca JSON și trimise înapoi.

Când accesăm funcția getState, citim fișierul text, inclusiv numărul de linii din el. Când executăm funcția de actualizare, fișierul este citit din nou, dar acum se adaugă noi linii. Funcția de trimitere procesează mesajul și apoi îl scrie în fișierul text cu o linie nouă.

Să începem organizarea trimiterii

Când acest lucru se va întâmpla, vom limita numărul de caractere din mesaj și vom asigura că mesajul este trimis prin apăsarea tastei Enter.

Verificarea periodică a mesajelor noi

Notă: Nu uitați că programul se bazează pe tehnologii PHP, deci dacă nu utilizați un server PHP local, pur și simplu descărcarea fișierelor și deschiderea acestora nu va fi suficientă pentru a lansa o versiune demo. De asemenea, nu uitați să schimbați permisiunea fișierului chat.txt pentru a putea să o scrieți pe server când porniți propriul boot de testare.

    Cred că dacă scrii fără erori și cu semne de punctuație, atunci te vor ajuta. Personal, nu am dorința de a ajuta o persoană nevăzută care intenționează să facă greșeli teribile.

  • Crearea unui chat pe baza jquery

    Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

    Crearea unui chat pe baza jquery

    Crearea unui chat pe baza jquery

    Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

    Crearea unui chat pe baza jquery

    Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

    Crearea unui chat pe baza jquery

    Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!

    Articole similare