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

-1 vote347 views1 answer
Express hot reload
Javascript Express
0 vote311 views1 answer
Express pearl ship
Javascript Express
0 vote313 views1 answer
Remove etag express
Javascript Express
0 vote363 views1 answer
How to use custom stylesheets express node
Javascript Express
1 vote361 views1 answer
Express timeout between requests
Javascript Express
0 vote345 views1 answer
Express fingerprint
Javascript Express
0 vote378 views1 answer
How to install express package using npm
Javascript Express
0 vote329 views1 answer
How to render a new page in node js through express
Javascript Express
62 votes422 views3 answers
Express js basic example
Javascript Express
-2 votes390 views3 answers
React and express
Javascript Express