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

Question

当我的 Progressive-Web-App 是开放式时，我需要发出一个 http 请求。当用户关闭应用程序时，这可以正常工作。但是当它仍在内存中并打开时（例如第二天），我的 http 请求没有被执行。

请求放在 ngOnInit() 中。

是否有任何生命周期方法保证在组件进入前台时执行？

Answer 1

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

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

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