Node.js 在服务器中侦听客户端发出的套接字

我正在尝试在Angular/Node应用程序中学习socket.io

我会在角边发射一个事件，然后在后端听它

在我的组件文件中：

import { MatTableDataSource } from '@angular/material';
import { AjouttextService } from '../ajouttext.service';
import { DataSource } from "@angular/cdk/collections";
import { Observable } from "rxjs/Observable";
import { nomchamp } from '../model';
import * as io from "socket.io-client";

@Component({
  selector: 'app-datatable',
  templateUrl: './datatable.component.html',
  styleUrls: ['./datatable.component.css']
})
export class DatatableComponent implements OnInit {

  constructor(private dataService: AjouttextService) { }
  data = [];
  url = 'http://localhost:8080';
  private socket = io.connect(this.url);

  displayedColumns = ['text'];
  dataSource = new UserDataSource(this.dataService);
  ;

  applyFilter(filterValue: string) {
    filterValue = filterValue.trim(); // Remove whitespace
    filterValue = filterValue.toLowerCase(); // MatTableDataSource defaults to lowercase matches
  }
  ngOnInit() {
    this.socket.emit('save-message', { room: "hello" });
  }
}

Angular中的Emit event已设置为OnInit，因此它在所有情况下都应发出事件，并且我的组件由app.component调用

然后在服务器端，我将在

事件上打印一个console.log

var http = require("http");
var admin = require('firebase-admin');
var firebase = require("firebase");
var express = require("express");
var app = express();
var bodyParser = require("body-parser");
var port = process.env.app_port || 8080; // set our port
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
var server = app.listen(port);
var io = require("socket.io")(server);
var routerProj = require("./routes/routes");
app.use(function (req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT ,DELETE');

  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept,*");
  next();
});
var config = {
  ...Config...
};
firebase.initializeApp(config);


var serviceAccount = require("./ServiceAcountKey.json");
admin.initializeApp({
  credential: admin.credential.cert(serviceAccount),
  databaseURL: "https://datatable-18f93.firebaseio.com"
});
app.use("/v1", routerProj, function (req) {
  //Create HTTP server and listen on port 8000 for requests


});
// Print URL for accessing server
console.log("Server running at http://127.0.0.1:8080/");
io.on("connection", function (socket) {
  console.log("user connected !");
});
io.on('save-message', function (socket) {
  console.log("user saved message");
});

当我运行服务器时，只有连接事件起作用。我在控制台中收到“用户已连接”，但未收到“用户保存的消息”

我期待什么？

当客户端运行应用程序（DatatableComponent组件）时，在服务器控制台上打印用户保存的消息。
尝试将服务器端代码修改为：

io.on('connection', function (socket) {
  console.log('user connected !');
  socket.on('save-message', function (socket) {
    console.log('user saved message');
  });
});

在
socket
对象上注册消息侦听器，而不是在初始连接时接收到的
io
。
我是否应该在
connection
事件中写入套接字？例如，我如何在路由文件中使用套接字？您可以将处理程序拆分为不同的模块，然后只需要这些处理程序具有在
connection
事件块中。例如，检查一下：如果我理解了，我应该将所有内容包装在
connection
socketYes中，在主文件中，您将在其中建立单个socket io连接。在主文件中，只需使用从不同模块导出的函数