progressive-web-apps - PWA + IndexedDB + Angular 9 网站集成问题
问题描述
我是 PWA 集成的新手。浏览了一些关于索引数据库与 Angular 集成的视频/教程,以便在应用程序中添加 PWA 支持。
要求 :
检查我们是否能够从网站(crud 添加/编辑页面)添加数据以用于离线模式。
当用户上线时,保存的离线数据应该可以访问。
挑战:
1) 没有正确的方法在 Angular 中添加索引数据库集成。从 main.ts 开始创建数据库/获取/删除/更新数据库进程
2) 有人可以指导在 Angular 9 中使用索引 db 的正确方法吗?
谢谢,莫妮卡
解决方案
运行此代码以安装 IndexedDB Npm install idb 请参阅此 URL 以了解此数据库 https://www.npmjs.com/package/idb
Indexed-db.service.ts 这基本上是一个用于所有数据库处理相关 indexedDB 的实用程序。Offline.service.ts 此服务将使用事件侦听器处理所有离线和在线事件