Sol websockets clientes

De wikiserver
Dreceres ràpides: navegació, cerca

CLIENTE

<!DOCTYPE html>
<html>
  <head>
<script src="./node_modules/socket.io-client/dist/socket.io.js"></script>
   <script>
      var socket = io();
      socket.on('broadcast',function(data) {   
         document.body.innerHTML = '';
         document.write(data.description);
      });
   </script>
   <body>Hello world</body>
</html>

SERVIDOR

var express = require('express');
var app = express();
var path = require('path');
var server = require('http').Server(app);
var io = require('socket.io')(server);

app.use(express.static(path.join(__dirname, '/'))); //Para el servicio de archivos est�ticos como, por ejemplo, im�genes, archivos CSS y archivos JavaScript,

server.listen(3000, function () {
   console.log('listening on localhost:3000');
});

var clients = 0;
io.on('connection', function (socket) {
   clients++;
   console.log('Usuario conectado con Id ' + socket.id); //muestra el id de esa pestaña del navegador
   io.sockets.emit('broadcast', {
      description: clients + ' clientes conectados pero ha habido una nueva conexión!'
   });  //hace un broadcast a todos los usuarios que la habitación

   socket.on('disconnect', function () {
      clients--;
      console.log('Usuario Desconectado con Id ' + socket.id); //muestra el id de esa pestaña del navegador
      io.sockets.emit('broadcast', {
         description: clients + ' clientes conectados pero ha habido una desconexión!'
      });//hace un broadcast a todos los usuarios que la habitación
   });
});