首页 > Web开发 > 详细

nestjs-websocket 实现简单的聊天室

时间:2021-08-22 14:24:00      阅读:28      评论:0      收藏:0      [点我收藏+]

https://www.passerma.com/chat/

代码地址 https://github.com/passerma/nestjs-websocket

websocket部分代码如下

import {
  OnGatewayConnection, OnGatewayInit, SubscribeMessage, WebSocketGateway, OnGatewayDisconnect, WebSocketServer
} from ‘@nestjs/websockets‘;
import { Server, Socket } from ‘socket.io‘;
import { Logger } from ‘@nestjs/common‘;

@WebSocketGateway({
  path: ‘/socket‘,
  allowEIO3: true,
  cors: {
    origin: /.*/,
    credentials: true
  }
})
export class AppGateway implements OnGatewayInit, OnGatewayConnection, OnGatewayDisconnect {
  private logger: Logger = new Logger(‘ChatGateway‘);
  @WebSocketServer() private ws: Server;  // socket实例
  private connectCounts = 0               // 当前在线人数
  private allNum = 0                      // 全部在线人数
  private users: any = {}                 // 人数信息

  /**
   * 初始化
   */
  afterInit() {
    this.logger.log(‘websocket init ...‘);
  }

  /**
   * 链接成功
   */
  handleConnection(client: Socket) {
    this.connectCounts += 1
    this.allNum += 1
    this.users[client.id] = `user-${this.connectCounts}`
    this.ws.emit(‘enter‘, { name: this.users[client.id], allNum: this.allNum, connectCounts: this.connectCounts });
    client.emit(‘enterName‘, this.users[client.id]);
  }

  /**
   * 断开链接
   */
   handleDisconnect(client: Socket) {
    this.allNum -= 1
    this.ws.emit(‘leave‘, { name: this.users[client.id], allNum: this.allNum, connectCounts: this.connectCounts  });
  }

  @SubscribeMessage(‘message‘)
  /** 
   * 监听发送消息
  */
  handleMessage(client: Socket, data: any): void {
    this.ws.emit(‘message‘, {
      name: this.users[client.id],
      say: data
    });
  }

  @SubscribeMessage(‘name‘)
  /** 
   * 监听修改名称
  */
  handleName(client: Socket, data: any): void {
    this.users[client.id] = data
    client.emit(‘name‘, this.users[client.id]);
  }
}

 

nestjs-websocket 实现简单的聊天室

原文:https://www.cnblogs.com/passerma/p/15171928.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!