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 vote216 views1 answer
Express body-parser is depreciated
Javascript Express
23 votes202 views4 answers
Express rate limit
Javascript Express
1 vote256 views1 answer
Nuxt looks for npm_modules on express
Javascript Express
0 vote214 views1 answer
Npm express async handler
Javascript Express
15 votes215 views2 answers
Static folder express
Javascript Express
4 votes273 views1 answer
Express get full url
Javascript Express
0 vote222 views1 answer
Express minify html
Javascript Express
6 votes223 views6 answers
Express return json
Javascript Express
9 votes220 views1 answer
Express limit based on ip
Javascript Express
0 vote211 views1 answer
How to get data send from a form express
Javascript Express