ITPub博客

首页 > IT职业 > IT生活 > Jhipster之angular的websocket解析

Jhipster之angular的websocket解析

IT生活 作者:tzhang911 时间:2021-09-09 10:08:51 0 删除 编辑

websocket启动

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

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


图片描述


图片描述

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

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

如何订阅和监听

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

图片描述

ngOnInit方法被执行,

图片描述

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

图片描述

所以

图片描述

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

图片描述

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

图片描述



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


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1926/viewspace-2817429/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: HDFS简述
请登录后发表评论 登录
全部评论

注册时间:2019-04-16

  • 博文量
    100
  • 访问量
    753