在Angular项目使用socket.io实现通信

step1、为项目安装依赖

在终端输入以下命令为我们的angular项目安装express、socket.io、socket.io-client

npm install express socket.io socket.io-client

本人安装的各版本信息如下:

"express": "^4.17.1",
"socket.io": "^3.0.4",
"socket.io-client": "^3.0.4",

step2、编写后台服务

可以在项目中新建一个server文件夹,用来存放我们的后台服务,然后新建文件

const app = require('express')();
const http = require('http').createServer(app);

const io = require('socket.io')(http, {
   
  cors: {
      // 处理跨域问题
    origin: "http://localhost:4300",  // angular项目的启动端口,默认4200,本人项目的启动端口为4300,大家根据自己情况修改
    methods: ["GET", "POST"],
    credentials: true
  }
});

io.on('connection', (socket) => {
   
  console.log('user connected');

  socket.

你可能感兴趣的:(angular,socket,typescript,angular,node.js)