angular - 如何在 Angular 中读取当前 PWA 的版本哈希？

Question

我希望能够读取我的 Angular PWA 的当前事件哈希。但是我看不到任何这样做的机制。
SwUpdate 对象提供了 observables，允许您在新版本激活或可用时读取当前版本的哈希值，但似乎没有公开任何用于获取当前版本哈希值的静态方法。

class SwUpdate {
  available: Observable<UpdateAvailableEvent>
  activated: Observable<UpdateActivatedEvent>
  unrecoverable: Observable<UnrecoverableStateEvent>
  isEnabled: boolean
  checkForUpdate(): Promise<void>
  activateUpdate(): Promise<void>
}

我希望能够阅读类似 SwUpdate.current 的内容读取当前的哈希值(比如 a518f9f1ab65954c2eafa02fec134fa54b391651 )而不必等待 available或 activated事件。这可能吗？

Answer 1

您可以使用 SwUpdate来自 @angular/service-worker要做到这一点。例如，您可以查看 app.component.ts像这样:

import { Component, OnInit } from '@angular/core';
import { SwUpdate } from '@angular/service-worker';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent implements OnInit {

  constructor(private swUpdate: SwUpdate) {}

  checkForUpdate() {
    if (this.swUpdate.isEnabled) {
      this.swUpdate.available.subscribe((event) => {
        console.log('Update is available!');
        console.log('Current version: ' + event.current.hash);
        console.log('New available version: ' + event.available.hash);
      });
    }
  }

  ngOnInit() {
    this.checkForUpdate();
  }
}