PeriodicSyc：如何解决未决的承诺？

Question

我想使用webapi 实现后台同步，对于特定的后台任务，如同步、更新检查和其他事情，我需要几个不同的实现。 我的想法是创建一个类 BackgroundManager，我可以在其中实现 WebApi 并使我的实现继承自它。

使用这段代码，我可以创建一个 Update 类的实例，该实例从 BackgroundManager 继承 subscribe、unsubscribe 和 getSubscriptions 。 问题是我无法得到一个已解决的承诺，而且我不明白为什么。

class BackgroundManager {

    async subscribe() {
        const registration = await navigator.serviceWorker.ready;
        const type = this.type;

        try {
            await registration.periodicSync.register(type, {
                minInterval: this.interval,
            });
        } catch {
            console.log('Periodic Sync could not be registered!');
        }
        return 'subscribed'
    }

    async unsubscribe() {
        const type = this.type;

        const registration = await navigator.serviceWorker.ready;
        if ('periodicSync' in registration) {
            await registration.periodicSync.unregister(type);
        }
        return 'unsubscribed'
    }

    async getSubscriptions() {
        const registration = await navigator.serviceWorker.ready;
        if ('periodicSync' in registration) {
            const tags = await registration.periodicSync.getTags();
            return tags;
        }
    }
}

class Update extends BackgroundManager{
    constructor(type) {
        super();
        this.type = type;
        this.interval = 24 * 60 * 60 * 1000;
    }

    update() {
        this.id = 'updating';
    }
}

Answer 1

目前在 Chrome 中实现的定期后台同步有一些先决条件，如 this article 所述：

• 仅当渐进式网络应用程序为 installed 时才有效。
• 可能由用户 granting explicit permission 控制，以便安装的 PWA 使用后台同步。

如果不满足其中任何一个条件，这可能解释了您在使用该功能时遇到问题的原因。