websocketことはじめ

56
WebSocketことはじめ 2011/7/30 HTML5など勉強会 1

Upload: kohei-kadowaki

Post on 04-Jul-2015

14.963 views

Category:

Technology


2 download

DESCRIPTION

2011.7.30に大阪で行われた、第一回「HTML5など勉強会」での発表資料です。

TRANSCRIPT

  • 1. !!! !!!

2. ! ! ! 3. 4. !! 5. ! ! ! ! ! 6. ! ! 7. ! ! ! 8. ! ! ! 9. !! ! !! 10. !!! ! 11. !! ! ! ! ! 12. !!! ! 13. ! 14. ! 15. ! ! ! !! ! ! 16. !! ! !! ! ! 17. ! ! ! !! !! !! !! 18. ! !! ! 19. ! ! ! ! 20. ! ! !! !! 21. ! ! !! ! 22. ! ! !! ! !! ! ! 23. ! !!! 24. ! ! ! 25. ! //!var ws = require(websocket-server); !!var server = ws.createServer();!server.listen(80); // 80!!server.addListener("connection", function(connection){ !!connection.addListener("message", function(msg){ !! !// ! !!! !server.broadcast(msg);!!}); !});! 26. !var ws = new WebSocket(ws://example.com/chat/);!!ws.onopen = function() {};!ws.onclose = function() {};!ws.onmessage = function() {};!ws.onerror = function() {};!!ws.send(message);!ws.close();! 27. ! ! !! ! 28. !! ! !! 29. !var io = require(socket.io).listen(80)!!!!io.sockets.on(connection, function (socket) {!socket.on(message, function(message) {!! !//!! !io.sockets.send(message);!!});});!! 30. !!!! var socket = io.connect(ws://example.com);!!socket.on(message, function (data) {!!// ...!socket.send(message);!});! 31. ! !! !! 32. ! !! ! ! 33. 34. !var Pusher = require(pusher);!var pusher = new Pusher({!!appId: YOUR_APP_ID, // Pusher !!appKey: YOUR_APP_KEY,!!secret: YOUR_APP_SECRET!});!var channel = pusher.channel(chat); // !!!channel.trigger(message, data);!! 35. !!!!var pusher = new Pusher(YOUR_APP_KEY);!var channel = pusher.subscribe(chat);!!channel.bind(message, function(data) {!!//!});! 36. ! ! ! 37. !!!!