问题标签 [twa]

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 回答
144 浏览

android - 启动 TWA 时出现白屏

我在启动 TWA 时显示启动画面(TWA 启动画面),但在延迟启动应用程序时,我在启动画面后看到白屏 4-5 秒,因为我的 Web 代码需要在启动前加载更多数据,我知道我的 web 代码不应该花费太多时间来加载,但我只想在本机端使用加载器来处理这个白屏,只是由于一些限制。我没有扩展 LauncherActivity(来自 android 浏览器帮助程序 SDK),也没有在 Manifest 中将其用作启动器,由于某些条件启动,我已将此活动的代码(无论需要什么)复制到我的本机活动 Abc。在 TWA 启动后,我现在无法弄清楚哪个活动正在托管 Web 内容。作为我的活动,Abc 似乎处于 onPause 状态。所以我不能使用这个活动来显示加载器。如果我使用一个新的活动来显示一个加载器,我的网页内容不会在后台加载,它只会在网页内容在前台时才开始加载。我想在有时间加载网页内容时显示加载器,有什么办法吗?

注意:我的网页 URL 中很少有用于启动的重定向。

0 投票
1 回答
214 浏览

android - 如何通过应用内审查扩展 TWA 应用程序?

我根据这个 repo 创建了我的 TWA 应用程序:https ://github.com/GoogleChromeLabs/svgomg-twa

我想使用应用内评论扩展代码https://developer.android.com/guide/playcore/in-app-review

是否有可能做到这一点?我是前端开发人员。我对android应用程序一无所知

也许我可以听网址更改?例如在 html 中创建 anhor

和应用程序监听并检查当前位置的哈希值。

0 投票
2 回答
702 浏览

vue.js - 如何在 Play 商店中通过我的 PWA 获利(使用 TWA)

大家早上好,我正在开发一个 Vuejs (Quasar) PWA,我打算使用 TWA 在 Play Store 上发布它,我关心的是通过 AdSense 获利。首先,我需要将 google 脚本放在我的 index.html 的 head 标记中,以便网站进行审查和批准,无论谁/任何负责审查该网站的人都会卡在登录页面上,因为我的应用程序需要身份验证。而且我无法添加任何凭据供审阅者使用,因为我的 AdSense 帐户尚未获得批准,因此菜单项被禁用。即使该帐户以某种方式获得批准,我在 Google 支持论坛的某个地方读到它违反了他们在 PWA 上放置广告的政策。我想知道是否真的可以通过 AdSense 通过 PWA 获利,如果可以,我该怎么做(一些链接和资源会有所帮助),

0 投票
1 回答
488 浏览

android - 如果安装了带有 TWA(受信任的 Web 活动)的本机应用程序,则禁用“添加到主屏幕”

初始情况:我在我的 Android 手机上安装了一个带有 TWA 的本机应用程序,可以说“www.example.com”,并且我可以使用此处的说明关闭应用程序安装提示。https://web.dev/get-installed-related-apps/#check-android(将related_application添加到清单中)

现在,当我在 Android 上打开 Google Chrome 浏览器并输入 URL“www.example.com”时,不再弹出安装提示,但是当我转到三个点时,仍然可以单击“添加到主屏幕”和然后将 PWA 安装为 webapk。添加到主屏幕

现在我的问题是可以禁用此选项或具有与已安装 PWA 相同的行为(如下所述)?

PWA 行为:

  1. 转到“www.example.com”
  2. 3 点,安装应用安装应用
  3. 如果设备上安装了 webapk,请再次访问www.example.com
  4. 转到三个点,然后您看到打开的 PWA,并且无法再次安装 PWA。打开 PWA

当我将 PWA 安装为带有 TWA 的本机应用程序时,我可以有这种行为吗?TWA 生成发生在 bubblewrap ( https://github.com/GoogleChromeLabs/bubblewrap )

0 投票
1 回答
165 浏览

trusted-web-activity - TWA 中是否可以有多个主域(主机名)?

我有一个提供多种语言的网站,每种语言都链接到一个域(.com、.co.uk、.de 等),我正在为它做一个带有 Bubblewrap 的 TWA。

我已将 .com 设置为 TWA 的主要主机名,并已授权其他域,如官方文档中所示。(https://developers.google.com/web/android/trusted-web-activity/multi-origin)。

它运行良好,我可以毫无问题地在 TWA 中切换域(使用语言切换器),如果我点击谷歌搜索结果或电子邮件中的 .com 链接,那么它在 TWA 中打开良好。

但是,如果我单击 .co.uk 链接,它会在 Web 浏览器中打开,而我希望它也能在 TWA 中打开。

是否可以允许多个主要“主机名”,或允许在 TWA 中自动识别和打开多个域?

0 投票
1 回答
71 浏览

android - 受信任的网络活动:是否可以添加文件关联

我已经能够根据提供的基本说明成功创建 TWA。它链接到该网站并按预期工作。

但是,Web 应用程序的功能之一是上传特定文件类型(一种 zip)并显示其内容。该功能也可以按预期工作,并且可以上传文件,例如从下载目录到应用程序并显示。

理想的情况是:用户从目录中点击文件(比如下载)并在应用程序中打开它。我知道在任何网络应用程序中访问本地文件的限制。但在我解决这个问题之前,我想知道是否有办法将该文件扩展名(或 mime 类型)与应用程序相关联。更重要的是如何至少获得文件的路径。在当前设置中,没有编写自定义 Activity java 代码。我查看了文档并将正确的设置放入 manifest.xml 并加载了站点。

谢谢。

0 投票
1 回答
223 浏览

android - 将 admob 集成到使用 bubblewrap 生成的 android twa 应用程序中

按照下面的 google codelabs教程,我正在尝试将 admob 代码添加到由 bubblewrap 生成的 android 项目源/应用程序中。

在第 3 步,按照说明,它正在添加 framelayout 以向 mainactivity.xml 显示bannerad。但是我在项目中没有找到这个 xml 文件。哪个文件/位置有权在bubblewrap 生成的应用程序中添加此横幅广告?

0 投票
1 回答
68 浏览

java - 使用 Microsoft 身份验证时无法在 TWA 中隐藏 url 栏

我已经创建了一个 TWA 并且数字资产链接验证工作正常,但是当我尝试使用 Microsoft 身份验证作为登录方法时,URL 栏再次出现,我认为这是因为主机更改但有什么办法可以解决这个问题,我根本不想显示 URL 栏。提前致谢。

0 投票
1 回答
98 浏览

android - 当android twa应用程序最小化或发送到后台时如何注销用户

我已经使用bubblewrap从angular 8 PWA(渐进式网络应用程序)构建了一个android twa(受信任的网络活动)应用程序。该应用程序有谷歌登录按钮,登录到应用程序,并查看应用程序中的其他屏幕。

当应用程序最小化时,我想自动注销用户。这意味着,当用户再次将应用程序带到前台时,用户应该会看到登录屏幕。

对于 Android 应用程序生命周期,TWA 是否有可用的回调方法?

0 投票
0 回答
25 浏览

android - Android 受信任的 Web 应用程序:将对象(不是字符串)从 Java 传递到 TWA

我已经能够成功创建一个调用 PWA 的 TWA。我正在研究一种 Android 环境 (java) 可以将对象发送到 PWA 内的特定函数的方式。就我而言,它是一个数组缓冲区。

需求类似于我的桌面应用程序(通过 Electron)中所做的事情,其中​​数组缓冲区使用send-messageandreceive-message协议使用某种进程间通信进行传递。

我假设一旦加载了 PWA 站点(Android 方面已知),它可以进行发送消息发射器调用,该调用将被 Javascript 接收消息事件拾取。类似的东西。

谢谢你的帮助。