JeuWeb - Crée ton jeu par navigateur
Technologie pour un tchat - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Technologie pour un tchat (/showthread.php?tid=6269)

Pages : 1 2 3


RE: Technologie pour un tchat - Ter Rowan - 27-07-2012

(27-07-2012, 01:10 AM)Th3kid a écrit : Des que j'aurais terminé je posterais mon code pour les prochains qui s'y intéressent Smile

avec plaisir Smile


RE: Technologie pour un tchat - Th3kid - 28-07-2012

Bon je met déjà juste ce que j'ai a la base pour pubnub :

Dans le HTML : <script src="http://cdn.pubnub.com/pubnub-3.1.min.js"></script>

Les info pou se connecter sur le channel

var pubnub = PUBNUB.init({
publish_key : 'PUBLISH_KEY_HERE',
subscribe_key : 'SUBSCRIBE_KEY_HERE',
'ssl' : false
});

Il y a une option origin qui je présume permet de connaitre l'origine du message.

Le connexion :

pubnub.ready();
pubnub.subscribe({
channel : 'nom_channel',
connect : alert("connected") ,
callback : function(message) { votre_Fonction(message); },
disconnect : function() { // LOST CONNECTION.
alert("Connection Lost." +"Will auto-reconnect when Online." )
},
});
Channel est laissé a votre appréciation.
connect : s'exécute a la connection
Callback : fonction quand on reçoit un message
disconnect : Se qui se passe quand la connexion est perdue.
reconnect : se qui se passe quand la connexion revient.


Envoyer un message

pubnub.publish({
channel : 'abc',
message : "Le message a envoyer"
});
Ne pas oublier le channel ^^
Message : bha c'est clair le message a envoyer.
callback : Ici pas mis.
Voici un début d'explication.

callback : function(info) {
if (info[0])
console.log("Successfully Sent Message!");
else
// The internet is gone.
console.log("Failed! -> " + info[1]);
}
callback : function(info) {

// info[0] == 1 for success
// info[0] == 0 for failure

// info[1] == "D" for "Demo Success" or
// info[1] == "S" for "Success with Valid Key" or
// info[1] == "Error..." with reason of failure.

// if the respons is an error, do not re-publish.
// the failed publish will not re-send.


Avoir un historique? C'est simple ^^

pubnub.history( {
channel : 'abc',
limit : 10
}, function(messages) {
/*ce que vous voulez*/
} );
Permet d'obtenir un historique des derniers messages qui sont passé sur le channel.
limit : donne le nombre de message

Par contre je ne sais pas exactement comment sont transmit les historiques ( Il semble que ce soit un tableau ). Je ne sais pas par contre si cela compte pour un message ou pour 10 dans ce messag.


RE: Technologie pour un tchat - niahoo - 16-02-2014

Pubnub a donné un exemple de chat en un minimum de lignes de code.

Pour ce que ça vaut ...

Enter Chat and press enter
<div><input id=input placeholder=you-chat-here /></div>

Chat Output
<div id=box></div>

<script src=http://cdn.pubnub.com/pubnub.min.js></script>
<script>(function(){
var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chat';
PUBNUB.subscribe({
channel : channel,
callback : function(text) { box.innerHTML = (''+text).replace( /[<>]/g, '' ) + '<br>' + box.innerHTML }
});
PUBNUB.bind( 'keyup', input, function(e) {
(e.keyCode || e.charCode) === 13 && PUBNUB.publish({
channel : channel, message : input.value, x : (input.value='')
})
} )
})()</script>



RE: Technologie pour un tchat - niahoo - 16-02-2014

hum, me suis gouré de topic moi ...