Как получить идентификатор сокета в Angular с помощью Socket-io.client - PullRequest
Новая
       81

Как получить идентификатор сокета в Angular с помощью Socket-io.client

0 голосов
/ 01 января 2019

В моем угловом приложении я использую пакет socket.io-client npm, чтобы установить соединение socket-io с другим узлом-сервером.

У меня есть следующий код для того же.

import { Injectable } from '@angular/core';

import { Observable } from 'rxjs/Observable';
import * as io from 'socket.io-client';

@Injectable({
  providedIn: 'root'
})
export class DataService {

 constructor() { }
 private url = 'http://localhost:3000';
 private socket;


 getLiveData1() {
   let observable = new Observable(observer => {
    this.socket = io(this.url);
    console.log("THIS SOCKET IS:getLiveData1");
    this.socket.on('connect', function() {
     console.log("on connect:THIS SOCKET IS id is");

     console.log(this.socket.id);

     console.log(this.socket.socket.id);
    });
    this.socket.on('message', (data) => {
    observer.next(data);
  });
  return () => {
    this.socket.disconnect();
  }
})
return observable;
}

Я пытаюсь получить доступ к идентификатору клиента только в случае события connect.this.socket.on ('connect', function () {console.log ("on connect: ЭТОТ РОЗЕТКА - это идентификатор"); 

 console.log(this.socket.id);

 console.log(this.socket.socket.id);
});

однако оба оператора журнала, где я пытаюсьзарегистрируйте идентификатор сокета, используя: this.socket.id or this.socket.socket.id ошибки, сообщив, что this.socket - это undefined Как я могу получить идентификатор сокета на стороне клиента в этом случае?

1 Ответ

0 голосов
/ 02 января 2019

Из документов https://socket.io/docs/client-api/#socket-id

socket.id (String) Уникальный идентификатор сеанса сокета.Устанавливается после того, как событие подключения инициируется, и обновляется после события повторного подключения. 

const socket = io('http://localhost');

console.log(socket.id); // undefined

socket.on('connect', () => {
  console.log(socket.id); // 'G5p5...'
});

Вы делаете это правильно, ваша проблема в том, что вы используете функцию es5, которая не сохраняет this контекст.Замените его функциями стрелок.Или связать контекст.

this.socket.on('connect', /* arrow function */() => {
     console.log("on connect:THIS SOCKET IS id is");

     console.log(this.socket.id);
});
...