Come costruire una Chat Room From Scratch

May 4

Come costruire una Chat Room From Scratch


programmi di chat basate sul Web sono applicazioni molto utili che permettono alle persone di comunicare e scambiare messaggi con gli altri in linea. Rispetto ad altri programmi di chat, la chat web-based non richiede alcuna installazione e può essere facilmente raggiungibile visitando un sito web. È possibile creare il proprio programma di chat semplice da zero. Esso non può avere tutte le caratteristiche avanzate di un programma completo IRC (Internet Relay Chat), ma svolge le funzioni di base necessarie per un programma di chat, consentendo ai visitatori del sito di inviare messaggi tra loro sul tuo sito web.

istruzione

1 Creare la disposizione della vostra applicazione di chat e il modulo per visualizzare e immettere il testo utilizzando HTML. Utilizzare un editor HTML come Microsoft FrontPage o Adobe Dreamweaver per progettare la schermata della chat. Nome di questo file "index.html".

2 Salvare un file di testo vuoto su Blocco note e il nome "chat.txt."

3 Creare le funzioni da utilizzare nella tua chat utilizzando JavaScript, vale a dire - una funzione di presentare il testo digitato nella schermata della chat, una funzione per aggiornare lo schermo quando un nuovo messaggio viene digitato, e una funzione per gestire un file di testo flat ( chat.txt) in cui vengono memorizzati temporaneamente i messaggi di chat. Utilizzare le funzionalità AJAX di jQuery per queste funzioni e dichiarare uno script PHP che permettono le funzioni di comunicare con l'altro. Nome di questo file come "chat.js."

4 Creare lo script PHP che lega insieme le funzioni JavaScript nel passaggio precedente. Nome di questo file come "process.php" e assicurarsi di fare riferimento al file nel file "Chat.js".

5 Modifica "index.html" e digitare il codice per includere lo script jQuery da API di Google e il file JavaScript che si è creato nel passaggio 2. Aggiungere più JavaScript per azioni sul lato client, come la visualizzazione e l'ottenimento di nomi utente, e limitando la lunghezza del messaggio di chat. Impostare il tag <body> per chiamare la funzione JavaScript per gli aggiornamenti dei messaggi dopo un determinato periodo di tempo:

<Body onload = "setInterval ( 'update.chat ()', 2000)">

Sostituire "update.chat ()" con il nome della funzione che si è creato per aggiornare la chat. Salvare il file HTML.

6 Carica "index.html", "chat.txt", "process.php" e "Chat.js" al vostro web server. Accesso "index.html" per eseguire il programma di chat.