通常可以获取pwa应用程序的onload事件。我的意思是我们已经实现了自定义版本控制逻辑,以便根据数据库字段保持应用程序版本。(即清除服务 worker 缓存)。这里的问题是逻辑几乎可以工作,但是一旦数据库中更新了新版本,我们就需要清除相应浏览器的缓存以触发更新。在更多调查中,我发现一旦打开pwa应用程序,它就会保留某种缓存图像,再次打开pwa应用程序不会触发应用程序的启动代码,而是从缓存中加载应用程序。

那么是否有可能获得pwa的onload类事件?

为了进行测试,我在应用程序组件中添加了一些alert(),但在重新打开pwa应用程序时未触发

this.httpService.GetAppVersion(ver).subscribe(
        res => {
          if (res != null || res !== undefined) {
            this.version = res.versionNumber;
            ver = localStorage.getItem("appVersion");
            if (ver === null || ver === undefined) {
              localStorage.setItem("appVersion", "1.0");
              ver = "1.0";
            }

            let localVersion = ver.split(".");
            let incomingVersion = this.version.split(".");
            let result = this.helperService.compareVersion(
              localVersion,
              incomingVersion
            );
            //alert("result : " + result);
            if (result === 1) {
              const snackBarRef = this.snackBar.open(
                "New version available. Load New Version?",
                "Yes",
                { duration: 50000000 }
              );
              snackBarRef.afterDismissed().subscribe(() => {
                console.log("The snack-bar was dismissed");
              });
              snackBarRef.onAction().subscribe(() => {
                localStorage.setItem("appVersion", this.version.toString());
                this.helperService.Update(); // which clears the cache
                setTimeout(() => {
                  window.location.reload(true);
                }, 500);
              });
            }
          }
        },
        error => {
          alert("http error" + JSON.stringify(error));
        }
      );

至少在关闭后重新打开应用程序时,将至少执行应用程序组件构造函数中的代码。

最佳答案

另请:How to display a "new version available" for a Progressive Web App

关于versioning - 自定义PWA版本管理,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55545688/

10-12 22:57