ionic 3 中的 socket.io 客户端不工作？答案

【问题标题】：socket.io client in ionic 3 is not working?ionic 3 中的 socket.io 客户端不工作？
【发布时间】：2019-02-15 14:49:02
【问题描述】：

我正在尝试制作一个套接字 io 客户端，我可以连接，但我无法发送或接收消息。我已经创建了一个 Web 应用程序，如果有任何用户连接它会显示新用户已连接，所以如果我打开我的应用程序它显示新用户已连接，但是当我发送消息时它没有显示在任一侧

  import { Component } from '@angular/core';
    import { NavController } from 'ionic-angular';
    import * as io from 'socket.io-client';
     @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })
    export class HomePage {
      socket:any;
      socketURL:any;

      constructor(public navCtrl: NavController) {
        this.socketURL = "my url";


        this.socket = io(this.socketURL);

        this.socket.on('connect',()=> {
          console.log('connected from server');
        })

    this.socket.emit('createMessage', 'hello worlddddddddd');

    this.socket.on('newMessage', (message)=>{
      alert('new massage'+JSON.stringify(message));

    }
    )
    }

    ionViewWillleave(){
      this.socket.on('disconnect',()=> {
        console.log('disconnected from server');
      });

    }

    }

【问题讨论】：

标签： node.js angular ionic-framework socket.io

【解决方案1】：

我有这个，它有效。

constructor(privatesocketService: SocketService, privatesocket: Socket){
  this.socket.on('message', (data) = > {
    console.log('message : ' + data);
  });
}


ionViewDidLeave(){
  console.log('ionViewDidLeave ChatRoomPage');
  this.socketService.leaveConversation(this.conversationId);
}

ionViewDidLoad(){
  console.log('ionViewDidLoad ChatRoomPage');
  this.socketService.joinConversation(this.conversationId);
  this.getUsers();
}

sendMessage(){
  this.conversationService.sendMessage(this.conversationId, this.message);
}


import {Injectable} from '@angular/core';
import {Socket} from 'ng-socket-io';

@
Injectable()
export class SocketService {

  constructor(privatesocket: Socket) {
  this.socket.connect();
  }

joinConversation(conversationId) {
  this.socket.emit('enter-room', conversationId);
}

leaveConversation(conversationId) {
  this.socket.emit('leave-room', conversationId);
}

sendMessage(conversationId) {
  this.socket.emit('new-message', conversationId);
}

}

【讨论】：