みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Expressを使ってスタティックなサーバを立ててSocket.IOを使って通信を行う ⚡️

f:id:kimizuka:20201206111111p:plain

server.js

const express = require('express');
const app = express();
const http = require('http').Server(app);
const io = require('socket.io')(http);
const path = require('path');

app.use('/', express.static(path.join(__dirname, 'public')));

io.on('connection', async (socket) => {
    io.sockets.emit('connect');
});

http.listen(3000, '0.0.0.0');

public/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>socket.io</title>
  <script src="https://cdn.socket.io/socket.io-3.0.3.min.js"></script>
</head>
<body>
  <script>
    const socket = io.connect();

    socket.on('connect', () => {
      console.log('connect');
    });
  </script>
</body>
</html>

ざっくり書くとこんな感じです。