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

11 votes96 views5 answers
Express validator
Javascript Express
1 vote133 views1 answer
Node express verify account link api
Javascript Express
0 vote128 views1 answer
Sanitize data within an Express application
Javascript Express
3 votes141 views1 answer
Nodejs express return image
Javascript Express
1 vote186 views1 answer
Run project in visual studio with iis express
Javascript Express
5 votes133 views2 answers
Serve static files from express
Javascript Express
0 vote125 views1 answer
Expressjs allow cors for all hosts and ports
Javascript Express
9 votes132 views2 answers
Express session destroy
Javascript Express
62 votes245 views3 answers
Expressjs hello world
Javascript Express
0 vote126 views1 answer
Render raw html in response with Express
Javascript Express