在实现实时数据传输时,WebSocket 是一个不错的选择。angular2-websocket-service 是一个 npm 包,可以让 Angular 应用快速、简单地使用 WebSocket。
安装
npm install angular2-websocket-service
引入
在 app.module.ts 中引入:
import { WebSocketService } from 'angular2-websocket-service'; @NgModule({ ... providers: [WebSocketService], ... }) export class AppModule { }
使用
- 创建 WebSocket 连接
-- -------------------- ---- ------- ------ - ---------------- - ---- ----------------------------- ------------- ----------- ------ -- ------ ----- --------- - ------------------- ---------- ----------------- -- ---------------------------- --------------------- - ----- --- - ------------------------- ------ ---------------------------- - -
- 发送消息
-- -------------------- ---- ------- ------ - ---------------- - ---- --------------------------------------- ------ - --------- - ---- --------------- ------------ --------- ------------------- --------- - ------- ------------------------------ - -- ------ ----- ----------- - ------- -------------------- ---------------------- ------------------- ---------- ---------- -- ---------- - ------------------------ - ------------------------------------------- - ------ - ----- ------- - - ----- ----------- -------- ------- ----------- -- --------------------------------------- - -
- 接收消息
-- -------------------- ---- ------- ------ - ---------------- - ---- --------------------------------------- ------ - --------- - ---- --------------- ------------ --------- ------------------- --------- - ---- --- ----------- ------- -- ------------ ------- - ---- ------- ----- - -- ------ ----- ----------- - ------- -------------------- ---------------------- --------- ---------- - --- ------------------- ---------- ---------- -- ---------- - ------------------------ - ------------------------------------------- -------------------------------------------- -- - ---------------------------- --- - -
总结
angular2-websocket-service 让 Angular 应用使用 WebSocket 轻松自在。我们可以根据实际需求,灵活地发送和接收消息。希望这篇教程对你有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055d2581e8991b448daddc