Answers for "socket.io with express"

socket.io with express

// npm i socket.io
const http = require('http')
const express = require('express')
const socketio = require('socket.io')

const app = express()
const server = http.createServer(app)
const io = socketio(server)

const port = process.env.PORT || 3000

server.listen(port, () => {
  console.log(`Server is up on port ${port}!`)
})

create a web server node js w socket.io

var app = require('express')();
var http = require('http').createServer(app);
var io = require('socket.io')(http);

app.get('/', (req, res) => {
  // Ran when a GET request to path '/'
  res.sendFile(__dirname + '/index.html');
});

io.on('connection', (socket) => {
  // Ran when a socket connected
});

http.listen(3000, () => {
  // Ran when server is ready to take requestes
});

socket io script

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

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";

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);
});

simple socket.io chat

npm install socket.io