angular - 使用 Angular 5 的 socket.io 连接到套接字

Question

我有.net套接字服务器，我使用带 Angular socket.io成功连接到它..但是我找不到如何将数据发送到服务器并从中接收数据..任何人都可以帮助我

Answer 1

使用Observables并使用监听和向服务器发送消息的方法编写Angular服务:

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Observer } from 'rxjs/Observer';
import { Message } from '../model/message';

import * as socketIo from 'socket.io-client';

const SERVER_URL = 'https://yourserverhost.com/';

    @Injectable()
    export class SocketService {
        private socket;

        public initSocket(): void {
            this.socket = socketIo(SERVER_URL);
        }

        public send(message: Message): void {
            this.socket.emit('message', message);
        }

        public onMessage(): Observable<Message> {
            return new Observable<Message>(observer => {
                this.socket.on('message', (data: Message) => observer.next(data));
            });
        }
    }

在此处查找完全使用 TypeScript 编写的使用 WebSockets、Node.js 和 Angular 的完整应用程序:https://github.com/luixaviles/socket-io-typescript-chat

希望对您有所帮助。