继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Jhipster之angular的websocket解析

慕村9548890
关注TA
已关注
手记 1102
粉丝 227
获赞 987

websocket启动

使用jhipster命令生成带websocket的单体应用

在ng初始化,自动注入JhiTrackerService,constructor方法创建了2个异步对象 this.connection 和 this.listener


webp


webp

注意:Promise和Observable的区别在于Promise的方法先执行,Observable的方法在调用subscribe之后执行

初始化成功,在执行登录操作时,将调用connect() 进行websocket连接操作

如何订阅和监听

在管理员打开 用户实时状态  页面,

webp

ngOnInit方法被执行,

webp

此处执行subscribe和receive两个方法,receive获取到listener并执行subscribe此时对this.listenerObserver赋值Subscribe对象

webp

所以

webp

才能正确执行,而next执行的内容正是

webp

控制页面上的数据显示,代码如下

webp



作者:燕凯凯
链接:https://www.jianshu.com/p/bdc769603a7f


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP