Socket io express

Socket io script

<script src="/socket.io/socket.io.js"></script>
<script>
  const socket = io();
</script>

Js socket.emit

const socket = io('ws://localhost:3000');
socket.on('connect', () => {  
  // either with send()  
  socket.send('Hello!');
  // or with emit() and custom event names  
  socket.emit('salutations', 'Hello!', { 'mr': 'john' }, Uint8Array.from([1, 2, 3, 4]));});
// handle the event sent with socket.send()
socket.on('message', data => {
  console.log(data);
});
// handle the event sent with socket.emit()
socket.on('greetings', (elem1, elem2, elem3) => {
  console.log(elem1, elem2, elem3);
});

Source: socket.io

How to run socket.io server

const express = require("express");
const http = require("http");
const socketIo = require("socket.io");
const port = process.env.PORT || 8001;
const index = require("./routes/index");
const app = express();
app.use(index);
const server = http.createServer(app);
const io = socketIo(server); // < Interesting!
const getApiAndEmit = "TODO";

Socket io nodejs

const express = require('express');const app = express();const http = require('http');const server = http.createServer(app);const { Server } = require("socket.io");const io = new Server(server);app.get('/', (req, res) => {  res.sendFile(__dirname + '/index.html');});io.on('connection', (socket) => {  console.log('a user connected');});server.listen(3000, () => {  console.log('listening on *:3000');});

Source: socket.io

Socket io express

const app = require("express")();const httpServer = require("http").createServer(app);const options = { /* ... */ };const io = require("socket.io")(httpServer, options);io.on("connection", socket => { /* ... */ });httpServer.listen(3000);// WARNING !!! app.listen(3000); will not work here, as it creates a new HTTP server

Source: socket.io

Similar codes

0 vote209 views1 answer
Node express app.listen at specific port & host
Javascript Express
6 votes216 views2 answers
Http header express
Javascript Express
0 vote210 views1 answer
Express react docker container example
Javascript Express
1 vote200 views1 answer
Expressjs post route
Javascript Express
31 votes269 views4 answers
Express cors policy
Javascript Express
2 votes221 views2 answers
Initialize express app
Javascript Express
10 votes185 views6 answers
Express post
Javascript Express
1 vote209 views2 answers
Nodejs express server img src
Javascript Express
3 votes230 views1 answer
Express get cookie
Javascript Express
0 vote221 views1 answer
How to set css in hbs in express
Javascript Express