Technologie pour un tchat

[Maks]

Les API officielles sont ici :

Javascript cross-browser : https://github.com/pubnub/pubnub-api/tre...javascript
Javascript "récent" : https://github.com/pubnub/pubnub-api/tre...ipt-modern

Regarde la première si tu ne sais pas quoi utiliser.

Dans ton head rajoute :

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

(ils ont cassé leur touche guillemet en même temps que la touche point virgule pour leur API on dirait)

Ensuite il faut mettre une <div> visiblement, je sais pas pourquoi, faudra peut être cherché un peu.

    

var pubnub = PUBNUB({

        publish_key   : 'PUBLISH_KEY_HERE',

        subscribe_key : 'SUBSCRIBE_KEY_HERE',

        ssl           : false,

        origin        : 'pubsub.pubnub.com'

    });

Ensuite là tu remplies avec les deux clés que tu as eu lorsque tu t'es inscrit.

Imaginons que je créé une div qui contiendra les messages

<div id='messages'></div>

    pubnub.subscribe({

        restore  : true,

        connect  : nom_de_la_fonction_qui_permet_de_send_un_message, // si tu veux envoyer un message à la connexion

        channel  : 'nom_du_canal',

        callback : function(message) {

            // fonction qui s’exécute lorsque tu reçois un message

            $('#messages').prepend('connexion effectuée !<br />');

        },

        disconnect : function() {

            // fonction qui s'execute lorsqu'on perd la connexion

        }

    });

Ensuite imaginons que tu es un formulaire

<form method="POST">

<input type="text" id="input" />

<input type="button" value="ok" />

</form>

Tu envoies un message

$('#input').submit(function(e) {



        pubnub.publish({

            channel  : 'nom_du_canal',

            message  : { content : $('#input').val() },

            callback : function(info) {

                // fonction qui s'execute une fois que le serveur répond, voir si tout s'est bien passé toussa

                console.log(JSON.stringify(info));

            }

        });

e.preventDefault();

});

Et c'est tout ? Bon après idéalement on pourrait séparer les données reçues de la présentation HTML.

C'est à peu près ce que ta classe PHP fait je pense. Du coup je pense que c'est un problème de langage, j'ai l'impression qu'il t'aurait presque fallu un plugin jQuery pour faire ça...