问题标签 [pwabuilder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
479 浏览

apk - 如何调试为什么我的渐进式 Web 应用 PWA 不会转换为 android apk

我正在尝试将我的 PWA 网站转换为 Android apk 文件以在 Google Play 商店中分发,但无法使用 Bubblewrap 或 PWABuilder 生成 apk 文件。我的 PWA 的网址是https://www.stephengarside.co.uk

我正在运行以下命令行bubblewrap init --manifest "https://www.stephengarside.co.uk/manifest.json"我得到的错误是:

错误在https://www.stephengarside.co.uk/manifest.json处的 json 响应正文无效原因:JSON 中位置 0 的意外令牌

我的 manifest.json 文件是:

我的 PWA 工作正常,我可以在 Windows 或 Android 设备上安装它并且没有错误。Google Lighthouse 也将其验证为 PWA。我在使用 PWABuilder 时遇到了类似的错误。

我已尝试将文件重命名为 manifest.webmanfest,已使用https://manifest-validator.appspot.com/验证了清单。

由于我的机器上已经安装了应用程序的服务程序,因此我尝试取消注册以确保没有从缓存中获取任何内容,并尝试在隐身模式下运行 pwabuilder。

任何帮助将非常感激。

0 投票
1 回答
562 浏览

progressive-web-apps - 无法获取 PWA 的“安装”选项

我正在尝试将我的网站设为 PWA 并将 ServiceWorker 集成到其中。ServiceWorker 已正确注册,因为我能够看到“离线”功能。

问题是我无法获得用于安装 PWA的“安装”按钮。

我已按照与 pwa-install 软件包相关的说明进行操作,但仍然无法正常工作。

我还为此打开了一个 Github 问题,其中包含更多详细信息和屏幕截图:
https ://github.com/pwa-builder/pwa-install/issues/355

这里的任何帮助将不胜感激。提前致谢。

0 投票
0 回答
159 浏览

android - 如何在选择退出签名时将 App Bundle 上传到 Play 商店?

我正在尝试使用https://pwabuilder.com为我的网站生成 Android App Bundle 并将其上传到 Google Play 商店。

我一直严格按照此处列出的说明进行操作:https ://github.com/pwa-builder/CloudAPK/blob/master/Next-steps.md

我认为第 3 步可能不准确或已过时,因为 Google Play 提示包括以下内容:

在此处输入图像描述

教程中的第 3 步告诉我“选择退出”,然后上传aab捆绑包,但 Google 表示选择退出后您将无法上传aab文件。

果然,当我选择“退出”并尝试上传我的应用程序aab文件时,我收到以下错误:

要上传 Android App Bundle,您必须注册 Google Play 的 App Signing。

我该如何纠正?我应该上传一个apk吗?我应该选择不同的选项吗?还有什么?

以下是其他选项:

在此处输入图像描述

0 投票
1 回答
89 浏览

progressive-web-apps - 隐藏安装如果安装了应用程序,则来自 PWA Builder

我正在使用新的 web 组件<pwa-install >Install </pwa-install>来安装我的 PWA 应用程序构建使用 PWA Builder。该按钮效果很好,但我唯一的问题是,如果已经安装了该应用程序,我无法让它消失。

我试图隐藏安装按钮,仅在beforeinstallprompt激活时显示它,但我失败了:

我也试过这个appinstalled方法,效果不好。

我还尝试显示包含在其中的所有可用方法,<pwa-install >Install </pwa-install>但它只是显示 jibrish。

真的很抱歉打扰大家,请您帮忙

0 投票
1 回答
516 浏览

google-play - PWA builder:如何使用 Android Package Options 更新现有应用程序

我正在使用https://www.pwabuilder.com/生成 .apk 文件以上传到 Google Play 商店。

第一次能够成功地新建并将 PWA 添加到 Play 商店,但是已经进行了一些更新,现在需要使用最新更新来更新 PWA。

要通过 PWAbuilder 更新现有应用,需要更改 Options: 带有圆圈的选项按钮的对话框

对于该Signing key部分,则需要选择Use mine选项: 在此处输入图像描述

如何获取Key file签名密钥部分?

在哪里可以找到Key alias++ Key passwordKey store password

我很难找到专门针对这种情况的答案,所以如果可以的话,还请分享屏幕截图以帮助更清晰和具体。

0 投票
0 回答
61 浏览

caching - 即使使用示例代码,PWABuilder 也会记录错误

我正在尝试设置一个服务人员以允许我的 PWA 离线工作。我将 PWABuilder 与“带有备份脱机页面的脱机副本”策略一起使用。我已按照所有说明进行操作,对任一脚本的唯一更改是确保 service worker 脚本中的 URL 指向正确的脱机后备页面。

当我清除缓存和服务人员,然后在最新的稳定版 Chrome for Windows 上加载主页时,我看到几个控制台错误,并且该页面无法脱机工作(尽管它确实在角落显示了安装按钮)。

我认为让起始 URL 与当前 URL 不同可能会导致问题,所以我尝试将其更改为/但我遇到了同样的问题。我尝试用谷歌搜索错误,但没有找到任何相关信息。

当我加载一个子页面(也是起始 URL)时,我得到了额外的错误。

我可以从该错误中看到它正在尝试从而https://example.com/starturl/pwabuilder-sw.js不是https://example.com/pwabuilder-sw.js. 这对我来说毫无意义,因为说明指出该文件应该位于根目录上,而且我什至没有在我的代码中的任何地方包含该 URL。

通过 Lighthouse 运行我的页面告诉我,我的清单没有任何问题,并且任何一个页面上都没有任何 JavaScript 干扰服务人员。我完全不知所措,因为我按原样使用示例代码(除了更改服务工作者中的 URL)。

如果有人知道为什么会发生这种情况,我会很乐意提供帮助。

0 投票
0 回答
12 浏览

google-chrome - 如何检测用户是否拒绝使用外部应用程序打开链接“some-protocol://”?

我的问题是关于ms-windows-store://链接的,但我认为它也适用于其他协议magnet:,例如mailto:等。

我在 Windows Store 上发布了一个应用程序。现在我有一个ms-windows-store://链接可以直接启动商店并显示我的应用程序的安装页面。单击后,将打开一个弹出窗口并询问用户是否允许打开 Windows 应用商店。

我如何检测他们是否接受或拒绝了弹出窗口?如果他们拒绝了,我想退回到应用程序的网络版本。

0 投票
0 回答
145 浏览

android - Android - 如何在默认浏览器中打开 PWA 外部链接,而不是在同一个应用程序中?

我已经建立了一个 PWA 并且工作正常。我什至使用PWA Builder创建了它的 APK并将其部署到 Play 商店。但是,我注意到所有外部链接都在同一个应用程序中打开,这破坏了它的预期行为,因为它们应该在默认浏览器中打开。

我的外部链接如下所示:

这是我的一部分manifest.json

该应用程序在根目录上运行。我没有任何应用文件夹或相关文件夹。您知道如何在默认浏览器中而不是在我的应用程序中打开外部链接吗?

0 投票
0 回答
30 浏览

pwabuilder - 在 PWA 中隐藏浏览器栏

如何隐藏 PWA Builder 生成的应用程序中的浏览器栏?manifest.json 确定“显示”:“独立”,但是当我下载 APK 并将其安装在移动设备中时,我看到了顶部和底部的栏。请参阅屏幕截图,在橙色箭头中。谢谢!带有浏览器栏的移动应用程序的屏幕截图

0 投票
1 回答
182 浏览

android - PWABuilder - Android 商店包问题

此问题与 pwabuilder -> Building Android PWA APP 无关,但在构建后对一些问题进行了排序。

好的,这是一个很好的例子。

  1. 我从 chrome安装应用程序(添加到主屏幕)
  2. 共享目标工作正常
  3. 我也可以全屏查看应用程序

现在我去PWA Builder构建我的 android 应用程序以在 Play 商店上发布

  1. 我为安卓构建应用程序
  2. 我在我的安卓设备上安装应用程序
  3. 共享目标不起作用!
  4. 我无法全屏查看应用程序(我想摆脱地址栏)

有没有办法解决这种行为?

注意PWA Builder中,我为 Microsoft Store 构建了应用程序,在我的初始测试中,我发现它可以正常工作,就像我希望的那样。(添加到主屏幕上的 2 和 3 点工作正常)

任何有关 android 问题的帮助将不胜感激。谢谢。