用Node.js的express框架來做及時聊天室Socket.io

參考的影片プログラミングチュートリアル

Shin-sibainu　Github　　

初始化Node.js項目的package.json文件

npm init -y

下載express框架

npm install express

下載express框架socket.io

npm install socket.io

修改設定檔

"scripts": {
    "dev": "nodemon server.js"
  },

下載nodemo

npm install -g nodemo

nodemon 是 Node.js 的一個模塊，當更改並保存到您的代碼時，它會自動重啟您的 Node.js 程序。

server.js

const express = require("express");
const app = express();
const http = require("http");
const server = http.createServer(app);
const io =require("socket.io")(server);
const port = 5008;

 
 app.get('/sockettest', (req, res) => {
    res.sendFile(__dirname+'/index.html');
});

io.on("connection", (socket) => {
  console.log("ユーザーが接続しました");

  socket.on("chat message", (msg) => {
    console.log("massage:" + msg);
    io.emit("chat message", msg);
  });
});

server.listen(port, () => {
  console.log(`Server is listening on port:${port} , http://localhost:${port}/sockettest`)
});

index.html

畫面