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 vote147 views1 answer
Accept Post with no midleWare express
Javascript Express
-1 vote159 views1 answer
Express cors policy no 'access-control-allow-origin'
Javascript Express
0 vote157 views1 answer
A full express function
Javascript Express
0 vote156 views1 answer
Express add delay
Javascript Express
0 vote138 views1 answer
Expressjs swagger yaml
Javascript Express
10 votes146 views1 answer
View engine setup express
Javascript Express
1 vote146 views1 answer
Express ejs layout use different layout
Javascript Express
0 vote154 views1 answer
Express octet stream
Javascript Express
0 vote159 views1 answer
Set 404 handling via express in node
Javascript Express
0 vote173 views1 answer
Express Error: Cannot find module '.database/connection'
Javascript Express