[AJAX] Comment intégrer votre mini-chat dans mon site

Version imprimable

03/04/2013, 19h05
ConceptInterWEB

[AJAX] Comment intégrer votre mini-chat dans mon site

Référence du mini-chat
http://ajax.developpez.com/tutoriels...ajax-en-clair/

J'ai lu votre article AJAX, cependant, je n'ai pas besoin de login, étant donné que mes utilisateurs doivent s'identifier pour avoir accès au site Internet.
Que dois-je modifier dans votre code pour que les utilisateurs soient automatiquement authentifiés.

Je garde les informations importantes dans des variables de SESSION.

Merci
Sylvain
03/04/2013, 19h35
Invité
Bonjour,
Voilà une bonne occasion de compléter cet article en l'intégrant dans un web ayant son login !

En effet tu l'avais remarqué, le seul endroit ou intervient le pseudo est le PHP appelé par AJAX.

ajax_tchat_pdo.php

Cela t'ouvres deux pistes,

1) dans ton login a toi, tu mets a chaque nouvel inscrit
ses renseignements dans la table ajax_tchat_user comme cela tu es tranquille !

Admettons que dans ton login tu as $_SESSION['LePseudo'], alors au moment où il se logue sur ton web tu as surement un genre
Code:

1 2 3 $_SESSION['LePseudo']=$pseu_saisi; //=====Alors, ajoute de suite $_SESSION['pseudo']=$_SESSION['LePseudo'];
Il faut également lui attribue un avatar ...

Dis-moi si cette piste te va 8O

2) autre solution, tu modifies ajax_tchat_pdo.php
en y remplaçant ta table user à la place de la mienne.
Il te suffira d'y ajouter le champ avatar et timestamp !

Bon courage et A++
Christele
03/04/2013, 20h11
ConceptInterWEB
Bonjour Christele,

En ce qui concerne ceci :
Citation:
Code:

1 2 3 4 $_SESSION['LePseudo']=$pseu_saisi; //=====Alors, ajoute de suite $_SESSION['pseudo']=$_SESSION['LePseudo'];
Cette portion je l'avais compris.

Avec tes explications, ce que j'ai compris c'est que je vais modifié le code, afin que celui-ci prenne l'information dans ma table usagers de mon site Internet.

Pour un avatar, chaque usager doit avoir obligatoirement une photo de lui ou de elle dans son profil, donc l'avatar sera cette photo.

Comme tu me le suggère, je vais ajouter un champ timestamp.

Citation:

Dis-moi si cette piste te va 8O

Oui cette piste me convient. Je te remercie beaucoup.

Est-ce que vous me permettez, une fois les modifications terminés de revenir sur ce sujet et de mettre mes changements avec des explications ?

Ceci permettra peut-être d'aider d'autres personnes.

Merci
Sylvain
03/04/2013, 22h32
Invité

Whaou ce serait un beau cadeau pour la rédaction !
Merci d'avance a toi , et je vois que tu as bien intégré
mon code, chapeau ! ;)

Donc dans ajax_tchat_pdo.php tu gère dans ta table le timestamp. Tu as vu que je gérais cela dans un int tout simple !

Pour l'avatar ce sera donc simple, donc a bientôt pour des nouvelles.

Christele
04/04/2013, 15h01
ConceptInterWEB
Bonjour à tous,

Voici tel que promis, les changements que j'ai effectué dans le mini-chat.

La première chose à faire est d'éditer le fichier ajax_sql.

A la ligne 7

Code:

$bdd = new PDO('mysql:host=localhost;dbname=jplyne', 'root', '');

Remplacer par vos informations vous permettant de vous connectez à votre base de données.
dbname est votre base de données, ensuite votre nom d'utilisateur et votre mot de passe.

Ayant mes utilisateurs sur mon site internet, ce que j'ai décidé de faire c'est d'utilisé ma table plutôt que celle fourni avec le mini-chat.

J'ai ajouté un champ date qui est un simple INT.

Ensuite le fichier ajax_tchat_pdo.php

A la ligne 18

Code:

$result = $bdd->prepare("SELECT * FROM ajax_tchat_user WHERE :Lenow -date <60 ");

J'ai remplacé par ma propre table qui se nomme usagers, et au lieu de demander toutes les informations *, je demande seulement le nickname.
Cette requête vous permet d'avoir la liste des usagers connectés à votre chat.

Code:

$result = $bdd->prepare("SELECT nickname FROM usagers WHERE :Lenow -date <60 ");

A la ligne 21

Code:

{ $liste .= $row['pseudo'].", "; }

Remplacé par le pseudo par votre champ qui contient le nom de votre usager dans votre base de données.
En ce qui me concerne elle devient ceci :

Code:

{ $liste .= $row['nickname'].", "; }

A la ligne 24, même chose pour la ligne 34 et à la ligne 50

Code:

$result = $bdd->prepare("UPDATE ajax_tchat_user SET date = :Lenow WHERE id = :Avat");

Simplement changer le nom de votre table contenant vos usagers

Code:

$result = $bdd->prepare("UPDATE usagers SET date = :Lenow WHERE id = :Avat");

La ligne 29 et 39, ne doit subir aucun changement, ce sont les messages échangés sur le chat qui sont insérés dans la table de votre base de données.

La ligne 44, est celle qui détermine l'avatar de votre utilisateur, le principe utilisé est fort simple, l'image débute par tchat1000 suivi de l'ID de votre utilisateur.
Donc si l'ID est 542, l'image sera tchat1000542.jpg.
Moi je l'ai mis en commentaire.

De mon coté, les utilisateurs doivent obligatoirement avoir une photo d'eux pour être accepté sur le site, donc c'est cette image qui va nous servir d'avatar.
J'ai modifié la ligne 46, au niveau de la balise html img

Code:

<img vspace=8 src='ajax/tchat".$lim.".jpg' align=left alt='' width='31px' />

J'ai apporté la modification suivante

Code:

<img vspace='6' src='../images/".$row['pseudoid'].".jpg' align=left alt='".$_SESSION['u_prenom']."' width='31px' valign='bottom' />

Le $row[pseudoid], provient de la table ajax_tchat_messages. C'est l'ID de votre utilisateur ayant saisi un message sur votre chat. Au alt, j'ai dans une variable de $_SESSION le prénom de mon utilisateur. Si une image est absente, son prénom sera inscrit à la place.

Dans votre fichier ou vos utilisateurs s'identifie à votre site Internet, il est important d'y faire les ajouts suivants ou modifications selon le cas.
Pour ma part, c'est mon fichier index.php situé à la racine de mon site.

J'ai attribué des valeurs à des variables de $_SESSION utilisés dans le chat
Code:

1 2 $_SESSION['pseudo'] = $row_info['nickname']; $_SESSION['ActuPseudoID'] = $row_info['ID'];
C'est le surnom de l'usager ainsi que son ID que j'envoi dans les variables de $_SESSION. Il est important de vous assurez que vos requêtes sont fait de façon sécuritaire pour aller chercher votre nom d'usager et le mot de passe fourni lors de l'authentification.

Pour ma part, le fichier ajax,php n'est pas nécessaire, j'ai donc mis un lien dans mon menu comme ceci pour avoir accès au mini chat :

Code:

<A href="ajax_tchat_page.php" >Accés au chat</a>

Étant donné que je déclare deux variables de $_SESSION dans mon login, et bien les variables de SESSION seront trouvés et utilisés dans le fichier.

Voila, en espérant ne rien avoir oublié. Si vous avez des questions ou des commentaires, n'hésitez pas.

Et un GROS MERCI à Christele pour ce mini chat, qui est facile à intégrer, et simple à utiliser.

Sylvain
04/04/2013, 15h24
Invité

Whaou !!
Mille mercis pour ta contribution, il faudra surement en faire quelque chose,
en tout cas le lien de cette discussion figurera dans nos éventuelles réponses
sur ce point.

Voilà qui s'appelle de la participation ! :ccool:

A très bientôt
Christele
04/04/2013, 19h27
ConceptInterWEB

Si j'ai pu rendre service aux autres personnes du forum, ou aidez d'une certain façon, et bien j'en suis heureux.

Ca m'a fait plaisir.

Sylvain
08/04/2013, 20h06
ConceptInterWEB

Je me suis fais demandé quelque chose par un des utilisateurs du mini-chat, et je dois dire que je ne sais trop comment m'y prendre.

Simplement un petit son quand une nouvelle entrée dans le mini-chat. Autrement dit sur l'action Ajout, un son est émit.

Merci
Sylvain
08/04/2013, 20h49
Invité

Bonsoir,
C' est impossible, pourtant cela parait simple ... :roll:

Essais d'y penser le serveur ne connait jamais (et on le comprends facilement),
qui est concerné par un nouveau message !

A qui des connectés j'ais déjà envoyé le ding 8O et y a t'il eu encore un nouveau message entre temps ? n'oublies pas que le serveur est totalement séparé des utilisateurs !

A++
Christele