无法从我的 Angular2 应用程序中连接到我的 WebSocket

Question

嘿嘿。

我有一个使用 Node.js/Electron/Angular2 (TypeScript) 的应用程序。使用 socket.io 我创建了一个 WebSocket。只要我不在 Angular2 应用程序中，一切正常。

我尝试了一整天来让它运行，但没有运气。我下载了一个工作教程，但找不到丢失的链接。快把我逼疯了！

• 这是我的electron.js 启动应用程序，创建 websocket 服务器端
• 这是我的index.html，带有工作 websocket，但作为原生 JavaScript 代码
• 这是我的 Angular2 的 root component 试图让 websocket 运行

错误 - 不会停止编译 - 我得到的是 root.component.ts(14,17): error TS2304: Cannot find name 'io'.。

我怎样才能摆脱这个错误？或者更好：Angular2 中这种 websocket 通信的最佳实践是什么？

提前致谢。

Answer 1

现在我用这种方式解决了这个问题：

1. 安装了socket.io-client类型$ tsd install socket.io-client和
2. 添加了对我的 main.ts 文件 ///<reference path="../../typings/socket.io-client/socket.io-client.d.ts"/> 的类型引用。
3. 安装了socket.io-client Node.js模块$ npm install --save socket.io-client和
4. 将此模块添加到我的 index.html <script src="../node_modules/socket.io-client/socket.io.js"></script>

现在我可以简单地使用任何 Angular2 组件中的套接字，而无需添加任何额外的行。

socket = null;

constructor() {
    this.socket = io('http://localhost:8181');
    this.socket.on('news', function (data) {
        console.log(data);
    });
}

作为参考，这是我的主 Electron .js 文件中的服务器套接字代码：

var server = require('http').createServer(function(req, res) {})
    socket = require('socket.io')(server, {});

server.listen(8181);

socket.on('connection', function(socket) {
    socket.emit('news', {hello: 'world'});
    socket.on('my other event', function(data) {
        console.log(data);
    });
});

希望这对以后的任何人都有帮助。感谢 Thierry Templier 和 dvlsg 的帮助。

Answer 2

我会注意到，如果您使用的是 electron，那么您不应该真的将 electron.js 视为服务器端。它更像是一个客户端启动器/引导程序，并且必须在每个客户端上运行。您必须有一个单独的节点应用程序（我强烈建议您这样做，在 socket.io 的情况下）才能真正使您的代码服务器端。

至于您的问题，您可以尝试在根组件中添加import io from 'socket.io-client' 或var io = require('socket.io-client')（如果需要，在npm install socket.io-client 之后）。

Answer 3

您需要使用以下命令安装 socket.io 类型（请参阅此链接：https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/socket.io/socket.io.d.ts）：

$ tsd install socket.io

然后你需要导入它：

import * as io from 'socket.io';