WebSocketことはじめ
16 likes7,524 views
文档讨论了使用 WebSocket 和 Socket.IO 创建实时聊天应用程序的基本实现。它包含了设置服务器、监听连接和处理消息的代码示例。还提到了使用 Pusher 作为消息推送的替代方法。
WebSocketことはじめ
- 2. ⾃自⼰己 ! ! ! ⼤大 ! ! !
- 5. ! ! ⼀一 ⽇日 !
- 6. ⽇日 ⽬目 ⽇日 ⼈人 ⽇日
- 7. ! !
- 9. ! ⽣生 ⽅方 ⽤用 ! ⾼高 ⽐比 ! ! !
- 11. ⽅方 ! ⽅方 !
- 12. ⽅方 ! ⽅方 ! ! ⽅方
- 13. ⽅方 ! ⽅方 ! !
- 14. ! ! ! ! !
- 15. ! ! ! !
- 16. ! ! ! ⽣生 ⽣生 ! ⽤用 ! ! ⼤大
- 17. ! ! ! ⼀一 !
- 19. !
- 20. !
- 22. ! ! ! ⽂文 ! ! ! ⽣生 ! ⾏行行
- 23. ! ⼀一 ! ! ! ! ! ⽤用 !
- 25. ! ! ! ! ! ! ! ! ! ! !
- 26. ! ⾒見見 ! ! !
- 29. ! ! ⽂文 ⼊入⼒力力 ! !
- 30. ! ! ! ! ! !
- 31. ! ! ! ! !
- 32. ! ! ⽤用 ! ! ! ⽤用 ! ! ! ⽤用 ! ⽤用 ⼈人
- 33. ! ! ! !
- 34. ! ! !
- 36. ! ⽣生 // ! 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);! !}); ! });!
- 37. ! ⽣生 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();!
- 40. ! ! ! ! !
- 41. ! ! ⽅方 ! ⽅方 ⾃自 ! !
- 43. ! ⽣生 var io = require(‘socket.io’).listen(80)! ! ! ! io.sockets.on('connection', function (socket) { !socket.on(‘message’, function(message) {! ! !// ! ! !io.sockets.send(message);! !}); });! !
- 44. ! <script src="/socket.io/socket.io.js"></script>! ! ! ⽣生 var socket = io.connect(‘ws://example.com’);! ! socket.on(’message', function (data) {! !// ... !socket.send(message);! }); !
- 47. ! ! ! ! !
- 48. ! ! ! ⽇日 ! ⽤用 ⾃自 !
- 49. ⾮非
- 50. ! ⽣生 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);! ! ⽤用
- 51. ! <script src=“http://js.pusherapp.com/1.8/ pusher.min.js"></script>! ! ! ⽣生 var pusher = new Pusher(YOUR_APP_KEY);! var channel = pusher.subscribe('chat');! ! channel.bind('message', function(data) {! !//! });!
- 54. ! ⼒力力 ! ! ⼀一
- 55. ! ! ⽅方 ! ! ʼ’