首页 > 解决方案 > PWA + IndexedDB + Angular 9 网站集成问题

问题描述

我是 PWA 集成的新手。浏览了一些关于索引数据库与 Angular 集成的视频/教程,以便在应用程序中添加 PWA 支持。

要求 :

  1. 检查我们是否能够从网站(crud 添加/编辑页面)添加数据以用于离线模式。

  2. 当用户上线时,保存的离线数据应该可以访问。

挑战:

1) 没有正确的方法在 Angular 中添加索引数据库集成。从 main.ts 开始创建数据库/获取/删除/更新数据库进程

2) 有人可以指导在 Angular 9 中使用索引 db 的正确方法吗?

谢谢,莫妮卡

标签: progressive-web-appsindexeddbangular9

解决方案


运行此代码以安装 IndexedDB Npm install idb 请参阅此 URL 以了解此数据库 https://www.npmjs.com/package/idb

Indexed-db.service.ts 这基本上是一个用于所有数据库处理相关 indexedDB 的实用程序。Offline.service.ts 此服务将使用事件侦听器处理所有离线和在线事件


推荐阅读