Socket.io文字直播聊天室的简单代码

时间:2023-03-09 06:36:49
Socket.io文字直播聊天室的简单代码

直接上代码吧,被注释掉的主要是调试代码,和技术选型的测试代码

  1. var app = require('express')();
  2. var server = require('http').Server(app);
  3. server.listen(8080);
  4. app.get('/', function (req, res) {
  5. res.sendFile(__dirname + '/index.html');
  6. });
  7. var io = require('socket.io')(3000);
  8. var beijing = io
  9. .of('/beijing')
  10. .on('connection', function (socket) {
  11. console.log("beijing connected")
  12. //console.log(socket)
  13. socket.on('disconnect', function () { console.log("disconnect") });
  14. //socket.emit('item', { news: 'item' });
  15. });
  16. //var redis = require('socket.io-redis');
  17. //io.adapter(redis({ host: '192.168.20.16', port: 6379 }));
  18. //var io_emitter = require('socket.io-emitter')({ host: '192.168.20.16', port: 6379 });
  19. /*setInterval(function(){
  20. //io_emitter.emit('time', new Date);
  21. }, 2000);*/
  22. var redis = require('redis')
  23. subcriber = redis.createClient("redis://:redispassword@192.168.1.1:6379/0")
  24. subcriber.on("message",function(channel,message){
  25. console.log(message);
  26. beijing.emit("message",message);
  27. })
  28. subcriber.subscribe("pub_comments")
  29. /*
  30. var SSE = require('sse-nodejs');
  31. var express = require('express');
  32. var app = express();
  33. app.get('/', function (req,res) {
  34. res.sendFile(__dirname+ '/index.html')
  35. });
  36. app.get('/time', function (req,res) {
  37. var serverSent = SSE(res);
  38. serverSent.sendEvent('time', function () {
  39. return new Date
  40. },1000);
  41. serverSent.disconnect(function () {
  42. console.log("disconnected");
  43. })
  44. //serverSent.removeEvent('time',2000);
  45. });
  46. app.listen(3333);
  47. */

前端核心代码:

  1. var socket = io.connect('http://servername:3000/beijing');
  2. socket.on('message', function (data) {
  3. $scope.messages.push(data)//此处使用了angularjs
  4. $scope.$apply()
  5. console.log(data)
  6. //socket.disconnect()
  7. //socket.emit('my other event', { my: 'data' });
  8. });