问题标签 [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 回答
551 浏览

javascript - 用于 PWA/TWA 的电容器 JS

我打算为 Web 制作一个 Web 应用程序,它也应该作为 PWA 和 TWA(在 iOS 和 Android 上)工作。

现在我正在评估我是否可以使用一些功能,如相机、地理定位、加速度计、通知等等。

我尝试用 CapacitorJS 制作一个演示项目,并想知道为什么我需要将本机平台添加到目标以及为什么有一个单独的文件夹“android”。

我只想创建一个网站/PWA,它应该作为网站在 iOS 和 Android(在浏览器中)上运行,而不是为 iOS 和 Android启动第二个第三个单独的项目。

我如何使用 CapacitorJS 来定位 Web 以及当从 iOS/Android 调用网站而不是使用来自 iOS/Android 的本机功能时?

0 投票
3 回答
535 浏览

android - BubbleWrap CLI 显示错误 The given android-sdk is not correct when bubblewrap build

我想TWA使用 BubbleWrap CLI构建

当我尝试使用bubblewrap build

它显示错误cli Eroor The given androidSdk isn't correct

这是我的文件结构是

我的~/.bubblewrap/config.json包含

我的操作系统

0 投票
1 回答
383 浏览

android - 从受信任的 Web 活动 (TWA) 启动另一个活动

我在尝试通过意图 URI 从 TWA 启动另一个活动时遇到问题。 "intent://#Intent;scheme=subscriptionschemetwa;package=com.package.www.twa;end" 当然,包名在现实中是唯一的。

我玩过它们,在 URI 中添加了主机、动作、附加功能等,但没有任何效果。

由于我是本机开发的新手,我会很感激一些帮助。该应用程序本身尚未在 Google Play 上公开(仅限内部),它使用 Bubblewrap 进行签名和打包,并通过 adb 安装。意图 URI 的后备在将我带到商店的内部列表的意义上确实有效,但我不知道为什么活动没有启动。

XML 块:

Activity 与批量创建相同,添加了一个日志以检查它是否曾经进入该方法。它不是。

单击指向意图 URI 的链接后的 logcat 日志似乎显示根本没有尝试启动活动,而是直接进入商店。我可以直接通过 adb shell 运行活动。

感谢您提供任何意见,我已经研究了好几天了,我只是无法理解它。

0 投票
0 回答
211 浏览

android - TWA 中的推送通知在 Chrome 图标中显示一个指示器,而不是应用程序图标

我正在构建一个基于 Progressive Web App 的 Trusted Web Activity。大多数情况下一切正常,但是当设备收到网络推送通知时,在 android 启动器中,chrome 应用程序会获得一个指示器(图标上的小点),而不是实际的 TWA。我正在使用来自 Android Studio (Android API 30) 的虚拟设备进行测试。我希望应用程序图标上的指示器而不是 Chrome 图标。单击指示器后,镀铬图标上的点消失。

Android 屏幕截图,带有 Chrome 图标上的指示器

第一次尝试是我基于svgomg-twa示例构建它,现在我尝试使用此处解释的bubblewrap 创建 TWA 。这两个选项都会导致与前面解释的相同的行为。

我很乐意提供更多详细信息,但我错过了可能对该指标行为负责的起点。因此,如果您需要更多信息,请告诉我。

如果你能给我一个起点来解决这个问题,我会很高兴。

提前致谢, 马蒂亚斯

0 投票
1 回答
421 浏览

heroku - 在 /.well-known/assetlinks.json 上找不到 404

在我的网站上访问 /.well-known/assetlinks.json 时出现 404 错误。

它在本地工作,但当我将它部署到 Heroku 时却不行。我在 Sapper 上使用 Svelte 和 polka 服务器。

我尝试将它添加到静态文件夹中,所有其他静态资源都可以正常工作。还尝试了一条没有运气的动态路线。

我的猜测是这可能与我的服务人员中的前导点或错误有关......

关于如何解决它或如何调试它的任何想法?

0 投票
1 回答
250 浏览

progressive-web-apps - 从 TWA 切换到不同的活动

我已经组合了一个 PWA,并希望将其转换为 Android 应用程序。我已经这样做了,我的 Android 应用程序由 Main Activity 和我从 Main Activity 开始的 TWA 组成。

有没有办法从 TWA 内部切换到在此 TWA 中运行的 PWA 中某些事件的其他活动?喜欢按钮点击。最好来自 PWA 本身的 HTML/Javascript。

最终目标是向应用程序投放广告(我在 PWA 中使用了一些付费 API,因此我至少需要收支平衡,并且无法在网络开发方面通过它获利,因为 Google AdSense 和喜欢的人需要上下文丰富的网络应用程序,例如博客),我发现 Google AdMob 不会出现在 TWA 中,它们需要原生 Android Activity。

这个问题密切相关,但我不知道把这个 URI 放在哪里: Launching another Activity from a Trusted Web Activity (TWA)

谢谢!

0 投票
1 回答
454 浏览

javascript - 受信任的 Web 应用程序中原生 android 和渐进式 Web 应用程序之间的两种方式的桥梁

根据目前对 TWA文档的理解,我们可以使用 URL 意图和查询参数/自定义标头在原生 android 和 Web 之间传递消息。

我想将信息从 Web 传递到本机,并根据对同一页面上本机到 Web 的该消息的操作返回响应。我可以通过重新打开另一个受信任的网络活动来做到这一点。但这会导致页面加载并破坏页面的现有状态。

换句话说,我试图在 TWA 中复制请求-响应类型的行为,而无需在 Web 上进行页面转换。

示例用例:从 PWA 中,我想调用 android 本机代码来打印字符串。如果出现故障情况,我想将错误响应发送回 PWA。

有没有办法在不重新加载页面的情况下做到这一点?

0 投票
1 回答
68 浏览

reactjs - TWA 是否可以访问 IndexedDB?

我已经阅读了关于此的相互矛盾的答案。在谷歌网站上,它说 TWA 无法访问本地浏览器存储等内容。但是,我在其他地方读到过,应用程序的 TWA 部分并没有它内部的 PWA 确实可以访问。

谁能帮我解决这个问题?

该应用程序依赖于本地存储,所以我想知道我是否需要迁移以响应本机

0 投票
1 回答
53 浏览

android - 将 html 文件注入或加载到 TWA/自定义选项卡中

我目前正在开发 TWA / 自定义选项卡应用程序。看到用户需要加载网站,我想实现一个离线页面,以防用户没有连接到互联网。

使用 webview 时,我可以只加载一个 html 文件,使用自定义选项卡似乎更困难。

我目前在做什么:应用程序启动后,我会检查用户是否连接到互联网,如果失败,我想显示我的离线页面并让他们选择重试,否则启动自定义标签意图。

是否有一种简单的方法可以将我的离线 html 页面加载/注入到自定义选项卡中,或者是否有另一种方法可以将 html 文件加载到视图中?

0 投票
1 回答
92 浏览

php - 从 TWA 向 WordPress 网站发送 android 应用设备令牌

我正在构建一个 TWA,它会打开一个WordPress网站并显示一些针对少数用户的数据。每个用户必须根据他/她在订单链中的位置查看特定信息,从而收到不同的通知。

现在,在某些 WP 事件(例如,创建自定义帖子类型帖子)上,PHP 使用wp_remote_post执行 HTTP 请求,以通过Firebase所有承载该应用程序的设备发送通知,这不太理想。

所以,我想缩小通知发送的方法是获取每个应用程序的令牌(TWA),存储在WordPress中的wp_usermeta表中(因此它链接到每个不同的用户)并使用它来发送定制的通知根据到网站上发生的事件。

好吧,这就是我的问题:

有没有办法尽可能简单直接地将这些令牌从 TWA 安全地发送到 WordPress?

谢谢!