angular-service-worker - ngsw/state 虚拟目录下的 Angular Service Worker 调试信息？

Question

我指的是 Angular Service Worker 和调试(参见以下链接:https://angular.io/guide/service-worker-devops#locating-and-analyzing-debugging-information)。

引用文档:

The Angular service worker exposes debugging information under the ngsw/ virtual directory. Currently, the single exposed URL is ngsw/state.

我一直没能找到 ngsw/state https://angular.io/上的调试信息渐进式网络应用程序:我尝试附加 ngsw/state如下: https://angular.io/ngsw/state无济于事。我找不到 ngsw/state源 devtools 选项卡中的引用。更重要的是:什么是 虚拟目录在哪里可以找到它？

有人可以建议吗？

Answer 1

出于某种原因，服务 worker 似乎没有在 https://angular.io 上被激活。渐进式网络应用程序虽然我可能是错的(参见:https://github.com/angular/angular/blob/master/aio/.angular-cli.json#L25)。

但是，通过使用 angular CLI 生成服务 worker 应用程序:

ng new mySwProject --service-worker

然后在 中构建它产品模式:

cd mySwProject
ng build --prod

并与 一起提供服务http-server :

cd dist
http-server -p 8080  

可以使用以下网址查看 Service Worker 信息:

http://localhost:8080/ngsw/state

输出:

NGSW Debug Info:

Driver state: NORMAL ((nominal))
Latest manifest hash: e60b43d83d323671c26f71fba9da395abdb4c01b
Last update check: 14s821u

=== Version e60b43d83d323671c26f71fba9da395abdb4c01b ===

Clients: 

=== Idle Task Queue ===
Last update tick: 14s616u
Last update run: never
Task queue:



Debug log:

仅供引用: ng serve如文档中所述，不适用于 Service Worker:

As ng serve does not work with service workers, you must use a real HTTP server to test your project locally. It's a good idea to test on a dedicated port.