首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在 Angular 中使用 webSocket

websocket 可以实现服务端和客户端的双向数据推送。在一些实时性要求高的业务中,不可或缺。那么如何在Angular应用中使用websocket呢?今天,我们先从原理说起。

首先,你要有一个websocket服务器。对于 JavaScript 来说,实在过于简单。

第一步,创建一个文件夹,命名为server。 在文件夹中运行:

ws是nodejs中一个实现websocket的库,有了它就可以很方便的创建websocket服务。下面是我们的服务器代码: index.js。因为代码实在太简单,就没有使用 ts 的必要了。

启动服务器

此时控制台不应该有任何输出,否则,请检查代码。

服务端已经准备就绪,就等客户端访问了。使用 @angular/cli 创建客户端代码。

创建一个service,负责处理 websocket 请求。

下面是 WebsocketService 的实现。

在 AppComponent 中使用。

运行客户端

运行截图

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180428G1C8FW00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券