PHPChat v1.2 |
Un chat en PHP |
|
Démo -
Administration -
Download (v 1.2)
LES VERSIONS
version 1.2
- nom d'utilisateur
le nom de l'utilisateur connecté est géré par session. Dans la page de connexion :
<? session_start(); session_register("log"); $log = $lelog; ?>
|
où $lelog est le login saisi dans le formulaire de connexion. $log est la variable de session qui sera utilisée tout au long de l'application.
- gestion de codes html et javascript saisis dans le message
Ces instructions ne seront plus supprimées du message, mais recopiées telles quelles (remplacement des caractères < et > par leurs code < et >)
- interface d'admin
un nouvelle petite page, admin.php, apparait et permet de gérer les utilisateurs connectés et les messages. Pour les utilisateurs, il s'agit seulement de les déconnecter; si la personne que l'admin déconnecte est toujours présente sur le chat, elle sera avertie par une alert javascript et sa fenêtre sera fermée, mais cette fonctionnalité est mise en place pour supprimer les éventuelles personnes qui ne sont pas déconnectées mais plus présentes sur le chat. Pour les messages, c'est la suppression de tous les posts.
version 1
C'est celle décrite ci-dessous!
L'application est assez simple, et n'utilise aucune base de données; les messages sont stockés dans un fichier texte.
FICHIERS DE L'APPLICATION
L'arborescence des fichiers est la suivante :
| répertoire de base | répertoire de base |
| | datas | répertoire qui contient le fichier des messages, et les infos sur les connectés |
| messages.txt | fichier qui contient les 50 derniers messages. |
| | images | répertoire qui contient les images utilisées pour le chat |
| | smileys | répertoire qui contient les smileys |
| cFin.php | fichier qui gère les déconnexions |
| cMessages.php | fichier qui affiche la liste des messages |
| cSaisie.php | fichier du formulaire de saisie des messages |
| cSmiley.php | fichier d'affichage des smileys |
| cUsers.php | fichier d'affichage de la liste des utilisateurs connectés |
| cVide.php | fichier de vérification des nouveaux messages arrivants |
| index.php | fichier du formulaire de connexion |
| main.php | fichier qui contient les frames de l'application |
remarque
- penser à donner, sur un serveur qui tourne sous Unix, les droits d'écriture au répertoire datas.
FONCTIONNALITES DU CHAT
Les points suivants sont gérés dans cette version 1 du chat :
- utilisateurs connectés
- smileys
- action telles que le /me de Irc, le /away ou le /back
FONCTIONNEMENT DU CHAT
Je ne reviendrai pas sur le formulaire de login. Voir pour cela :
le tutorial sur les formulaire
les exercices sur les mots de passe
Les points importants :
rafraichissement de la frame des messages
Dans un chat, rien n'est plus ennuyeux que de voir clignoter, toutes les 5 secondes par exemple, la liste des messages lors du rafraichissement des données. Ce rafraichissement est cependant nécessaire pour afficher les nouveaux messages.
Ici, ce rafraichissement n'intervient que si il y a des messages récents, et non pas de façon régulière.
Pour ce faire, une page se rafraichit elle même toutes les 5 secondes, mais dans une frame de taille 0 : on ne verra pas de clignottement. C'est la page cVide.php.
gestion des messages
Dans cette version, seul les 50 derniers messages sont conservés, ce qui est amplement suffisant et permet de ne pas trop ralentir le tout.
L'ajout d'un message se fait dans le fichier cSaisie.php, et la consultation est effectuée grâce à cMessages.php
L'affichage des messages est tout simple, et consiste seulement à include le fichier des messages dans la page...
La saisie est un peu plus complexe, en revanche :
- gestion du code javascript, envoyé dans le message
Pour des raisons de sécurité, tout ce qui se situe entre <script> et </script> est effacé. Le code html est, quant à lui, interprété.
Voici le code de suppression du javascript :
<? while (ereg("<script.*</script>", $message)) { $message = ereg_replace("(.+)<script.*</script>(.+)", "\\1 \\2", $message); } ?>
|
- gestion des smileys
le code du smiley, envoyé dans le message, est remplacé par son image. Ce code est généré par le fichier cSmileys.php, et est en fait tout simplement une petite transformation du nom de l'image.
gestion des smileys
Afin de ne pas avoir à taper le nom et le chemin complet de son image, chaque smiley est associé à un code, qui sera saisi dans le message et retrnasformé à l'insertion dans le fichier des messages.
Cette gestion se fait en 2 étapes :
- affichage de la liste des smileys
cette page cSmileys.php permet de ne pas avoir à retenir le code de tous les smileys. Aisni, en choisissant parmi la liste un smiley, son code sera rapatrié dans le formulaire de saisie.
le code d'affichage de la liste des smileys est le suivant :
<? // parcours du répertoire qui contient les smileys, et remplissage du tableau $lesM = dir("images/smileys/"); $i = 0; while ($entryName = $lesM->read()) { if ( ($entryName!=".") && ($entryName!="..") ){ $tabM[$i] = $entryName; $i++; } $lesM->close(); BubbleSort($tabM); // tri suivant le nom
$i = 0; // boucle d'affichage des images echo "<table width=\"100%\" align=\"center\">"; while ($i<count($tabM)) { echo "<tr><td width=\"100%\" align=\"center\">"; echo "<a href=\"#\" onClick=\"javascript:chx_smiley('"; echo substr($tabM[$i], 0, strLen($tabM[$i])-4) . "');\">"; echo "<img src=\"images/smileys/" . $tabM[$i] ."\"></a></td></tr>"; $i++; } echo "</table>"; ?>
|
et la fonction qui permet de rapatrier le code du smiley en fonction de son nom :
<script language="javascript"> function chx_smiley(sNom) { opener.saisie_message.message.value = opener.saisie_message.message.value+" [S"+sNom+"S] "; opener.saisie_message.message.focus(); window.close(); } </script>
|
Le code sera toujours entouré de [S et S], des "marqueurs", qui pemettront pas la suive de repéré le smiley dans le message.
- transformation du code en chemin+nom de l'image à afficher
cette opération est effectuée dans cSaisie.php, après récupération du message, et avant insertion dans le fichier.
Script de récupération du nom de l'image en fonction de son code :
<? while (ereg("\[S.*S\]", $message)) { $message = ereg_replace("(.+)\[S(.+)S\](.+)", "\\1<img src='images/smileys/\\2.gif'>\\3", $message); } ?>
|
gestion des connexions/déconnexions
Afin de savoir qui est connecté au chat, il est nécessaire de stocker une information au login, puis de l'effacer lors que la fenêtre du chat se ferme.
- connexion
lorsque le login est saisie, et que la page de création des frames est appelée , un fichier est créé, dans le répertoire datas. Son nom est le pseudo de la personne conecté. Peu importe ce qu'il contient, l'important est son existence.
Si, lors de la connexion, le pseudo est déjà utilisé, une erreur survient, et la personne n'entre pas sur le chat.
Code de gestion de l'existence du pseudo :
<? if (file_exists("datas/" . $log)) { die("<META HTTP-equiv='refresh' content='0;URL=index.php?interdiction=2'>"); } else { die("<META HTTP-equiv='refresh' content='0;URL=main.php?log=" . $log . "'>"); } ?>
|
Code de création du fichier :
<? $tmp = fopen("datas/" . $log, "w"); fputs($tmp, "sdfsdfd"); fclose($tmp); ?>
|
- déconnexion
la déconnexion est gérée lors de la fermeture de la frame principale. Une petite fenêtre s'ouvre, et le seul code consiste à supprimer le fichier correspondant au pseudo utilisé. Le fichier qui fait cette action est cFin.php.
Code de destruction du fichier :
<? unlink("datas/" . $log); ?>
|
VOIR AUSSI
formulaires
gestion ds fichiers
expressions régulières
exercices sur les mots de passe
Wargoat le
28/01/2004 (163 113 hits) |
|
|