Websocket 离子 3 角 4答案

【问题标题】：Websocket Ionic 3 Angular 4Websocket 离子 3 角 4
【发布时间】：2018-08-03 17:20:03
【问题描述】：

如何让 Ionic 3 和 Angular 4 中的 Websocket 正常工作？

我尝试了 socket.io-client 类，但如果我像这样连接 websocket

this.socket = io(this.urls.websocket,{transports: ['websocket']};

this.socket 未定义，服务器上的用户显示为已连接。不会触发断开连接。

如果我像这样使用集成的 Websocket 类

this.socket = new WebSocket(this.urls.websocket,['websocket']);
console.log("Socket ready state" + this.socket.readyState);
console.log("Socket:" + console.dir(this.socket));

套接字在服务器上也显示为已连接，并且不会触发断开连接，但在客户端我收到一条错误消息：

到 'ws://192.168.0.10:8000/node/test.js' 的 WebSocket 连接失败：在收到握手响应之前连接已关闭

this.socket 在连接模式下的连接线之后（第 2 行），如果我第二次记录错误（第 3 行），它在客户端断开连接。在服务器上它仍然会显示为已连接和断开连接不会被触发。

对于像其他节点服务器这样的其他客户端，我没有任何问题，一切正常。

【问题讨论】：

标签： node.js angular typescript ionic3

【解决方案1】：

我认为你错过了io.connect。

试试这个：

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

this.socket = io.connect(this.socketURL);

【讨论】：