问题标签 [angular-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.

0 投票
0 回答
88 浏览

firebase - Ionic 4 PWA - 无需部署即可更新应用程序

是否可以在不部署的情况下更新 Ionic 4 渐进式 Web 应用程序?例如,我只想更新标签更改,不想进行部署,这样客户就不必重新安装应用程序。

我目前正在使用 Cordova 进行构建和 firebase 进行通知。如果需要,我愿意更改 Cordova。请建议我的可能性。

0 投票
2 回答
2099 浏览

angular - angular 7 pwa 动态显示

我已经使用 Angular 6 创建了一个 PWA。稍后我想要有不同的图标并启动 Urls,因为该应用程序将在多个 url 下运行(每个帐户将被分配一个唯一的 url,并且每个帐户都有不同的徽标)。所以我想动态更改 manifest.json。

有没有办法做到这一点?

编辑:

我这样尝试:

输出

编辑2:

我没有找到解决方案。我现在这样尝试:

索引.html

清单.php

但我变成了完整的 php 文件而不是 JSON。

我可以这样做吗?

0 投票
1 回答
233 浏览

javascript - 使用 javascript 定期清除 PWA 的缓存

我需要我的应用程序的所有用户(台式机和平板电脑用户)每天都从一个空缓存开始。有什么办法可以利用服务人员来实现这一目标?有没有人尝试过这样做?或者您是否认为有更好的方法可以在安装了我的 PWA 的所有设备上运行计划任务。

谢谢

0 投票
2 回答
2259 浏览

angular - Angular PWA 在没有 WorkBox 的情况下添加后台同步

所以我的问题很简单:

使用 Angular PWA 时是否有后台同步。由于某些原因,我无法使用 WorkBox。

我发现的唯一信息是:https ://github.com/angular/angular/issues/22145

目前仍然开放。有没有其他选择?

我觉得如果没有后台同步,制作“离线应用程序”是不可能的。我发现了这个https://golb.hplar.ch/2018/12/background-sync-ng.html,它告诉我有一种方法,不幸的是我对 PWA 没有太多经验,而且我没有了解上述链接的工作原理/可以帮助我。

欢迎任何指南或解决方案!

0 投票
2 回答
1319 浏览

angular - Angular PWA 错误站点无法安装:未检测到匹配的服务人员

我有一个网站(Angular 9.0.1),我添加了@angular/pwa包以将其转换为 PWA,但它无法正常工作。

该网站位于生产站点上,但现在在https://new.indomablestore.com上有测试数据

我检查了所需的文件(manifest.webmanifest, ngsw.json, ngsw-worker.js)是否在根文件夹中。我检查了 index.html 文件是否正确指向清单,并且它显示在 Chrome DevtoolsApplication选项卡上。

但在该Installability部分它说:未检测到匹配的服务人员。您可能需要重新加载页面,或者检查当前页面的服务工作者是否也控制清单中的起始 URL。

我还检查了该app.module.ts文件是否有这一行:

ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })

而且我没有修改任何 PWA 文件,我让 Angular CLI 构建它们。

任何帮助将不胜感激,因为该网站即将上线,这是我名单上的最后一件事:)

谢谢!

更新:清单如下所示:

Service Worker 在 app.module 上注册,如下所示:

无论如何,感谢您的快速回答:)

0 投票
1 回答
423 浏览

angular - 无法注册 ServiceWorker - Angular、Express

我通过 HTTPS 中的 Express 服务器为我的 Angular 应用程序提供服务(用于启用 PWA)。在我的开发环境中,我能够获得具有相同服务器和角度代码的 PWA。但是在更高的环境中会收到这样的错误

0 投票
1 回答
110 浏览

javascript - 在线时影响非 GET 请求的服务人员 - @angular/pwa

我在我的项目中添加了一个服务工作者,GET 请求在线和离线都能完美运行。
但是我在联机时遇到了非 GET 请求的问题。
当我使用 http-server 加载网站(以激活服务人员)时,服务人员
似乎拦截了它们。并且它永远不会以相同的方法将 POST/DELETE 请求转发到服务器。
它不是向服务器发送 DELETE/POST 请求,而是向同一路径发送一个 GET 请求(这显然没有帮助),当然该项目不会被删除: 在此处输入图像描述

ngsw-config.json: 在此处输入图像描述

localhost:3000 是服务器。

当我使用 ng serve (没有服务人员)加载网站时,一切正常。

谁能告诉我如何解决?

0 投票
2 回答
1286 浏览

angular - Service Worker 注册失败——在 Angular 9 中实现 Universal Prerendering 后 PWA 不工作

控制台日志中抛出错误 脚本具有不受支持的 MIME 类型 ('text/html')。

0 投票
0 回答
1357 浏览

node.js - 我在 PWA 应用程序中工作,我想直接在打印机上打印一些表格

我在 PWA 应用程序中工作,我想直接在打印机上打印一些表格。我的应用程序在 Angular6 PWA 上,后端是 node js。有人可以帮忙吗?我不希望 window.print() 通过浏览器打印。

0 投票
1 回答
636 浏览

angular - Angular PWA - 在用户更新应用程序之前,新路线不起作用

目前,我有一个带有 PWA 的 Angular 应用程序,每当我向我的应用程序和部署添加新路由时,比如说( http://www.something.com/child/childurl ),当用户直接打开这个 URL 时,它总是转到我提到的默认值 { path: '**', redirectTo: '/home', pathMatch: 'full' } ,它是 app.routing 中的 ( http://www.something.com/home )。模块.ts

所以问题是,每当我使用新路由部署 Angular PWA 应用程序并且用户直接访问 URL 时,它会将其重定向到 /home,然后用户会看到更新应用程序的通知,然后如果用户访问新路由,它就可以工作。但我想确保新 URL 可以立即使用

注意:仅当在 Angular 中启用 PWA 时才会发生这种情况

app.routing.module.ts

子延迟加载模块

child.routing.module.ts

ngsw-config.json

app.component.ts

在这里,我向用户展示了更新应用程序的方法(如果有)