Jhipster版本 4.14.5
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执行的内容正是

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

网友评论