确保在打开Angular-PWA时执行Http-Requests

Question

当我的渐进式Web应用程序是openend时，我需要发出一个http请求。当用户关闭应用程序时，这可以很好地工作。但是当它仍然在存储器中并且被打开时(例如第二天)，那么我的http请求就不会被执行。

请求被放在ngOnInit()中。

有没有生命周期方法可以保证组件在前台执行？

Answer 1

除了在ngOnInit()函数中发出请求之外，还要侦听页面可见性的更改，并在页面再次可见时发出请求。

document.addEventListener('visibilitychange', () => {
  if (document.visibilityState === 'visible') {
    console.log('Page visible, make HTTP requests!');
  }
});

Page Lifecycle API确实涵盖了其中的一些内容，但没有一个事件会在页面加载时和页面再次可见时触发。