http://wikiserver.infomerce.es/index.php?action=history&feed=atom&title=Sol_websockets_random
Sol websockets random - Historial de revisió
2026-05-09T19:47:45Z
Historial de revisió per a aquesta pàgina del wiki
MediaWiki 1.28.0
http://wikiserver.infomerce.es/index.php?title=Sol_websockets_random&diff=8671&oldid=prev
Jnoguera a 12:56, 26 nov 2017
2017-11-26T12:56:43Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ca'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Versió més antiga</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revisió del 12:56, 26 nov 2017</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td>
<td colspan="2" class="diff-lineno">Línia 1:</td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">'''cliente'''</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><source lang="html"></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><source lang="html"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l33" >Línia 33:</td>
<td colspan="2" class="diff-lineno">Línia 35:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div></source></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div></source></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">'''servidor'''</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><source lang="javascript"></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><source lang="javascript"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>var express = require('express');</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>var express = require('express');</div></td></tr>
</table>
Jnoguera
http://wikiserver.infomerce.es/index.php?title=Sol_websockets_random&diff=8670&oldid=prev
Jnoguera a 12:56, 26 nov 2017
2017-11-26T12:56:18Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ca'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Versió més antiga</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revisió del 12:56, 26 nov 2017</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3" >Línia 3:</td>
<td colspan="2" class="diff-lineno">Línia 3:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><html></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><html></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   <head></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   <head></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    <!-- Este script no existe!, y est� bien que as� sea, ya que lo genera</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        SocketIO autom�ticamente al recibir el pedido del archivo --></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   <script src="./node_modules/socket.io-client/dist/socket.io.js"></script></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   <script src="./node_modules/socket.io-client/dist/socket.io.js"></script></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
Jnoguera
http://wikiserver.infomerce.es/index.php?title=Sol_websockets_random&diff=8669&oldid=prev
Jnoguera: Es crea la pàgina amb «<source lang="html"> <!DOCTYPE html> <html> <head> <!-- Este script no existe!, y est� bien que as� sea, ya que lo genera SocketIO autom�ticamente...».
2017-11-26T12:56:01Z
<p>Es crea la pàgina amb «<source lang="html"> <!DOCTYPE html> <html> <head> <!-- Este script no existe!, y est� bien que as� sea, ya que lo genera SocketIO autom�ticamente...».</p>
<p><b>Pàgina nova</b></p><div><source lang="html"><br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<!-- Este script no existe!, y est� bien que as� sea, ya que lo genera<br />
SocketIO autom�ticamente al recibir el pedido del archivo --><br />
<script src="./node_modules/socket.io-client/dist/socket.io.js"></script><br />
<br />
<script type="text/javascript"><br />
// Nos conectamos al WebSocket<br />
var socket = io.connect('http://localhost:8080', { 'forceNew': true });<br />
<br />
// Nos suscribimos al mensaje de bienvenida<br />
// que creamos en el servidor<br />
socket.on('bienvenida', function (bienvenida) {<br />
document.write(bienvenida.digo);<br />
<br />
// Una vez que nos saluda el servidor<br />
// Le enviamos un mensaje pidiendo un random<br />
// cada 5 segundos (5000 milisegundos)<br />
socket.emit('quiero un random', 5000);<br />
});<br />
<br />
// Por otro lado nos suscribimos al mensaje del<br />
// del servidor para el n�mero random que nos va a enviar<br />
socket.on('toma un random', function (data) {<br />
console.log(data.numero);<br />
});<br />
</script><br />
</head><br />
<body><br />
Página web<br />
<body/><br />
</html><br />
</source><br />
<br />
<source lang="javascript"><br />
var express = require('express');<br />
var app = express();<br />
var path = require('path');<br />
var server = require('http').Server(app);<br />
var io = require('socket.io')(server);<br />
<br />
<br />
app.use(express.static(path.join(__dirname, '/'))); //Para el servicio de archivos estáticos como, por ejemplo, imágenes, archivos CSS y archivos JavaScript,<br />
<br />
server.listen(8080, function() { ////Pondremos el servidor a escuchar en localhost con el puerto 8080<br />
console.log('Servidor corriendo en http://localhost:8080');<br />
});<br />
// nos suscribimos al evento de socketIO cuando<br />
// un cliente se conecta por WebSockets<br />
io.sockets.on('connection', function (socket) {<br />
<br />
// este callback va a ser llamado cuando tenemos<br />
// un nuevo cliente y en el argumento 'socket'<br />
// vamos a tener nuestro 'enganche' a ese cliente<br />
<br />
// apenas se conecta, le mandamos un mensaje<br />
// de bienvenida haciendo un 'emit' con un nombre<br />
// para el mensaje y un json con los datos<br />
socket.emit('bienvenida', { digo: 'Hola alumno de La Merce!' });<br />
<br />
// nos suscribimos a un mensaje que nos puede<br />
// enviar el cliente.<br />
socket.on('quiero un random', function (cada_cuanto) {<br />
<br />
setInterval(function(){<br />
var rnd = Math.floor((Math.random()*1000)+1);<br />
socket.emit('toma un random', { numero: rnd })<br />
}, cada_cuanto);<br />
<br />
});<br />
});<br />
</source></div>
Jnoguera