如何为pwa添加自定义安装按钮

Question

我想添加自定义install按钮为我的进步网页应用程序在网站内。我阅读了许多文章，并尝试了他们提供的答案。他们使用beforeinstallprompt

let deferredPrompt;

window.addEventListener('beforeinstallprompt', (e) => {
    deferredPrompt = e;
});

但我面临的问题是，我希望按钮直接安装pwa，而不是触发安装提示。如果是的话，我怎样才能做到这一点。提前谢谢你。

Answer 1

答案是，你不能。根据舱单规格

通过设计，该规范没有为开发人员提供用于“安装”web应用程序的显式API。

Answer 2

试试下面的代码，

步骤1-创建按钮或任何控制器

<button id="installApp">Install</button>

步骤2-在serviceworker中在脚本中添加下面的js代码

let deferredPrompt;
    window.addEventListener('beforeinstallprompt', (e) => {
        deferredPrompt = e;
    });

    const installApp = document.getElementById('installApp');
    installApp.addEventListener('click', async () => {
        if (deferredPrompt !== null) {
            deferredPrompt.prompt();
            const { outcome } = await deferredPrompt.userChoice;
            if (outcome === 'accepted') {
                deferredPrompt = null;
            }
        }
    });