Mise à jour
Mise à jour de la base de données, veuillez patienter...
Je n’ai jamais caché ma jalousie envers les codeurs Javascript sous meteor.js. C’est à mon sens la techno la plus révolutionnaire en matière de dev Web depuis l’invention des frameworks HTTP.
Ca permet notamment de faire du PUB/SUB entre le navigateur et le serveur. C’est à dire qu’un navigateur déclenche un événement, le serveur le reçoit, et tous les browsers abonnés le reçoivent aussi. Du coup, on modifie une page, toutes les autres pages sont modifiées en temps réel.
Dommage que ce soit codé dans un langage pourri.
Heureusement depuis quelques temps, un standard est en train d’émerger autour du RPC et PUB/SUB entre navigateurs et serveurs : WAMP. Il existe du coup des implémentations du protocole en plusieurs langages, donc une en Python avec autobahn.
Ca s’utilise ainsi : pip install autobahn.
Puis, un petit coup de Python :
import sys from twisted.python import log from twisted.internet import reactor from autobahn.twisted.websocket import listenWS from autobahn.wamp1.protocol import WampServerFactory, WampServerProtocol class MyPubSubServerProtocol(WampServerProtocol): def onSessionOpen(self): # On choisit un namespace pour enregistrer ses events PUB/SUB self.registerForPubSub("http://example.com/events/bam") if __name__ == '__main__': # on lance notre serveur avec moult verbosité log.startLogging(sys.stdout) wampFactory = WampServerFactory("ws://127.0.0.1:9000", debugWamp=True) wampFactory.protocol = MyPubSubServerProtocol listenWS(wampFactory) reactor.run()
On lance le serveur directement :
python votre_script.py
Côté client (pas besoin de serveur, on peut l’ouvrir dans le browser cash pistache) :
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://raw.github.com/tavendo/AutobahnPython/master/examples/twisted/wamp1/pubsub/simple/example1/autobahn.min.js"></script>
<script type="text/javascript">
$(function(){
ab.connect("ws://localhost:9000", function(session) {
$('#foo').click(function(){
// au clic sur le bouton, on envoit un evenement BAM
session.publish('http://example.com/events/bam', ['bam']);
// On ajoute bam à la liste en local car le publisher ne
// reçoit pas ses propres events
$('#doh').append('<li>bam</li>');
});
session.subscribe('http://example.com/events/bam', function(topic, evt){
// on s'inscrit pour recevoir l'event quand il est
// déclenché. Ceci marchera dans tout autre tab que celui
// qui a déclenché l'event
$('#doh').append('<li>bam</li>');
});
})
});
</script>
</head>
<body>
<!-- Notre liste qui va se remplir de bam ! -->
<ul id="doh"></ul>
<button id="foo" value="Bam">Bam</button>
</body>
</html>Ce qui ce passe, c’est que quand j’appuie sur le bouton “Bam”, ça envoit un événement Bam au serveur via Websocket, qui propage l’événement à tous les clients. Donc tous les tabs ouverts sur cette page récupèrent l’événement et peuvent y réagir. Ici, les deux pages sont mises à jour en simultané.
Chez moi ça marche
Bien entendu, ceci est un exemple très basique fait pour vous donner un avant goût de la techno. D’ailleurs, meteor.js, c’est bien plus que du PUB/SUB. Il y a de la gestion de la deco, la synchro de la base côté client, le hot push de code, etc. Ils ont fait un vrai travail de fond sur les problématiques concrètes.
Donc on en est encore loin, surtout que même leur techno est toujours expérimentale. Mais on a enfin de quoi rattraper le temps perdu. Et avec asyncio, îl n’y aura même pas besoin de dépendre de twisted pour ce faire. 2014 va être trop fun !
