问题标签 [pwa]
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.
ios - 从外部 url 打开已安装的 PWA
是否有任何方法可以在 iOS-Safari 中安装的 PWA 中打开网站 (PWA) url?
用例:我正在发送电子邮件链接以登录我的 PWA,如何使用已安装的 PWA 而不是浏览器直接打开此 URL?
angular - SPA 中的 PWA Cors 请求
我正在开发一个带有 angular 5 的简单 Web 应用程序,它将采用银行汇率并以用户所需的货币进行计算。银行网站没有启用 cors。PWA 有没有办法在不制作代理的情况下绕过 cors 问题?
对于 get 请求,我使用来自 '@angular/common/http' 库的 http 客户端。
laravel - 将 Laravel 5.4 Web App 添加到移动设备主屏幕
我想将我的 Laravel 5.4 网络应用程序“安装”到移动设备上。我知道 PWA 可以做到这一点,为了制作 PWA,我们需要 1. https 连接 2. manifest.json 3. service worker
就我而言,我没有 HTTPS 连接,我也不打算使用 Service Worker。话虽如此,我仍然可以通过使用 manifest.json 将我的 Laravel 5.4 Web 应用程序“安装”到移动设备吗?
有什么好的教程吗?
cdn - 是否有可重用的 Service Worker 用于缓存?
给定一个包含多个 HTML 文件的简单静态网站。我希望网站在加载后可以离线使用。
是否有一个通用的 Service Worker(CDN 上的库),我可以通过引用.js
?
我想用新的 HTML 页面和资源(图像)扩展我的网站,而无需更改 Service Worker 代码。当然,新资源只有在加载后才能离线使用。
single-page-application - PWA 工作箱向导在第一步后停止
我正在设置 PWA 并尝试使用 Work Box 添加 Service Worker。当我在终端中输入“Workbox Wizard”时,只询问有关根文件的第一个问题,然后终端冻结,我无法输入任何其他内容。请帮忙!
node.js - 当用户在 Node.JS 中单击 pwa、angular 6 和 web-push 中的通知时路由到 url
我正在使用 Angular6 中的 SwPush 在 PWA 中推送通知。为此,我使用@angular/service-worker。我能够从节点服务器发送通知。但是当我点击收到的通知时,它无法路由所需的 url。我正在使用web-push module in node.js
,这是有效载荷:
我在用
在角度,
我的意图是,当用户点击它应该路由到的通知时
https://pwa-sw-push-notifications.firebaseapp.com
.
我曾尝试在上述对象中以不同的参数提供此 URL,但actions[0].action.url
URL
data.url
没有任何效果。所以我很困惑在哪里提供 URL 以使其成为可能。谁能帮帮我?
谢谢你。
angular - Angular Service Worker SwUpdate.available 未触发
我很难将 angulars service worker 集成到我的应用程序中。我按照指南进行了操作,到目前为止它仍然有效。我可以在我的主屏幕上创建一个快捷方式并启动我的应用程序。问题是我的应用程序不知何故没有更新。如果我更改按钮的名称,构建应用程序并将其放到我的服务器上,该应用程序仍会显示旧版本,直到我按下 F5(重新启动应用程序也无济于事)。
我试图将以下代码放入我的应用程序的 ngOnInot 中,但它没有帮助
}
该应用程序正在我的 apache2 linux 机器上运行。我的 apache 是否在缓存某些东西,或者为什么我的应用程序没有意识到有新版本?
在此先感谢您的帮助 :)
编辑:
我的 ngsw-config.json
编辑2:
如果我使用“http-server”在本地运行应用程序,它可以工作,但是当我将文件复制到我的 apache 时,它不会检测到更新。在网络选项卡中,我可以看到间隔有效,应用程序每 3 秒从服务器获取一个新的“ngsw.json”。如果我更新我的应用程序,我可以看到“ngsw.json”的响应中有新的哈希值。之后,浏览器从我的服务器加载新的“index.html”和“main.***.js”,但应用程序不应用新版本。根据我的代码,它应该说“找到更新”,但什么也没发生。
angularjs - 无法从 Ionic PWA 上的 firebase-sw 获取通知有效负载
我已经为这个我坚持了一周的问题进行了很多搜索。我有一个 Ionic PWA 项目,它接收来自 firebase 的一些通知,我可以毫无问题地接收通知,并且可以在前台获取有效负载(应用程序已打开),但是当应用程序关闭时我无法获取有效负载并且我没有搞清楚是怎么回事,所以特地来请高手帮帮我。
在我的通知提供商上,我使用以下代码:
我在我的标签页上调用此提供程序:
那么,任何人都可以在 PWA 关闭时帮助我获取有效负载吗?
angular - Manifest.json 未复制到 dist
我的 Angular 项目的目的是实现“添加到主屏幕”的移动功能。在那个过程中,我选择了 manifest/PWA 方法,我在 index.html(根模板)的同一级别的项目的根文件夹中创建了 manifest.json,并在根模板的 head 部分(索引.html) 带有以下声明:. 但是在“ng build”时,我看到清单文件未复制到 dist,因此在“dev tools->application->manifest”中单击“add to homescreen”时显示以下错误
Angular 正在开发模式下运行。调用 enableProdMode() 以启用生产模式。寻求帮助!
以下是清单文件:
mobile-safari - 意外缩放 PWA 中的方向更改,但不是移动 safari iOS
我创建了一个 web 应用程序,它在方向更改后在已安装的 PWA 和 iOS 上的普通移动 safari 中表现出不同的行为。当我将我的 iPhone 或 iPad 从纵向翻转到横向并再次返回纵向时,有时纵向方向会被放大(有时不会)。这仅发生在已安装的渐进式 Web 应用程序 (PWA) 中,而不是在普通移动 safari 中查看时。此外,此行为仅适用于 iOS PWA(iPhone 和 iPad),不适用于 Android PWA。
您对为什么会发生这种情况和/或可能的补救措施有任何想法吗?我已经尝试禁用缩放方向更改,为不同方向重新排序我的 css,在方向更改之前和之后将焦点设置为一个大的常量 div,并增加默认字体/输入大小。