为了账号安全,请及时绑定邮箱和手机立即绑定

Jhipster之angular的websocket解析

标签:
webpack

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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消