问题标签 [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.
firebase - Ionic 4 PWA - 无需部署即可更新应用程序
是否可以在不部署的情况下更新 Ionic 4 渐进式 Web 应用程序?例如,我只想更新标签更改,不想进行部署,这样客户就不必重新安装应用程序。
我目前正在使用 Cordova 进行构建和 firebase 进行通知。如果需要,我愿意更改 Cordova。请建议我的可能性。
javascript - 使用 javascript 定期清除 PWA 的缓存
我需要我的应用程序的所有用户(台式机和平板电脑用户)每天都从一个空缓存开始。有什么办法可以利用服务人员来实现这一目标?有没有人尝试过这样做?或者您是否认为有更好的方法可以在安装了我的 PWA 的所有设备上运行计划任务。
谢谢
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 没有太多经验,而且我没有了解上述链接的工作原理/可以帮助我。
欢迎任何指南或解决方案!
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 上注册,如下所示:
无论如何,感谢您的快速回答:)
angular - 无法注册 ServiceWorker - Angular、Express
我通过 HTTPS 中的 Express 服务器为我的 Angular 应用程序提供服务(用于启用 PWA)。在我的开发环境中,我能够获得具有相同服务器和角度代码的 PWA。但是在更高的环境中会收到这样的错误
angular - Service Worker 注册失败——在 Angular 9 中实现 Universal Prerendering 后 PWA 不工作
控制台日志中抛出错误 脚本具有不受支持的 MIME 类型 ('text/html')。
node.js - 我在 PWA 应用程序中工作,我想直接在打印机上打印一些表格
我在 PWA 应用程序中工作,我想直接在打印机上打印一些表格。我的应用程序在 Angular6 PWA 上,后端是 node js。有人可以帮忙吗?我不希望 window.print() 通过浏览器打印。
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
在这里,我向用户展示了更新应用程序的方法(如果有)