使用Angular4的网络套接字？

Question

如何在Angular4中使用网络套接字？ HttpModule不支持它，所以我可以使用NPM包吗？

设定：

1. 用于API访问的.NET Core Web API
2. 项目清单

MS SQL DB用于数据库

Answer 1

Angular不提供支持WebSockets的特殊对象。 但好消息是所有浏览器都支持WebSocket，您可以在Angular4应用程序中使用它。 在这个应用程序中，我使用服务器上的ws包（Node.js）和客户端上的浏览器的WebSocket对象（请参阅https://github.com/Farata/angular2typescript/blob/master/Angular4/auction/client/src /app/product-detail/websocket.service.ts ）

Answer 2

一个选项，你可以随时使用Firebase（这个btw是一个非常有趣的选项）。 几乎所有的繁重工作都适合你。

否则，WebSockets是HTML5标准。 您只需要编写一些代码来实现它。 看看这个网站有各种信息，回声演示/测试等：

https://www.websocket.org/

Answer 3

您可以使用socket.io-client，只需确保在安装时包含类型。

https://www.npmjs.com/package/socket.io-client

安装： npm install --save socket.io-client

和

npm install --save @types/socket.io-client或npm install --save-dev @types/socket.io-client

注意：如果有兴趣， 这里有一个很棒的教程，包括MEAN全栈环境的指导。

编辑：正如其他人提到的，WebSocket是一个HTML5标准。 这将简单地为前端套接字交互创建一个易于使用的界面，适用于任何后端环境。

Answer 4

我在我的角度项目中使用angular2-websocket / angular2-websocket，它工作得很好https://github.com/afrad/angular2-websocket