📖Offline Persistenz
Die Speicherung von Daten Offline hat Vor- / Nachteile. Anbei einige Argumente:
Vorteile | Nachteile |
---|---|
lokale Daten | keine resp. nur schlechte Teilbarkeit |
Keine Internet-Verbindung nötig | Limitierung bei Multi-User |
Für kleine Daten optimal | Mühsame Verwaltung (Release-Upgrades) |
Es gibt online sehr viele Tutorials welche z.B. ein Offline-Modus mit SQLite oder native Lösungen mit Ionics Native Storage resp. wiederum SQLite als Native Komponente beschreiben. Oft macht deren Einsatz Sinn, wenn man grosse Daten resp. Objekte (z.B. in JSON) speichern möchte. Für kleinere Daten funktioniert in Ionic resp. Cordova auch der HTML 5 local Storage.
HTML5 - lokaler Storage
Normalerweise kann man den HTML5 Local Storage in etwa so einsetzen:
Ionic Storage
Ionic hat auch fürs Persistieren von einfachen Daten eine Lösung bereit:
API
Mit den asynchronen Methoden storage.set(..)
storage.get(..)
kannst du einfache Key/Value-Paare oder JSON Objekte speichern. Beachte das hier await
verwendet wird und die Methode somit mit async
deklariert werden muss.
@ionic/storage-angular im Projekt verwenden
Damit du @ionic/storage-angular
in deinem Projekt verwenden kannst. Empfehlen sich folgende Schritt:
Installiere
@ionic/storage-angular
mittels NPM in deinem ProjektFüge
IonicStorageModule.forRoot()
unterimports
imngModule
in der Dateiapp.module.ts
hinzu. Beispiel:Erstelle für den Storage eine eigenen, neuen Service welcher dir hilft Daten zu speichern/lesen:
Ergänze bei dein Imports im App Module (
app.module.ts
) folgendes:Der Service sollte in etwa so aussehen:
Verwende nun den Service in deiner erstellten Page, indem du ihn über den Konstruktor einfügst und importierst:
Data Storage in Capacitor
Mittels Capacitors hast du die Möglichkeit auf native Funktionalitäten wie Preferences zuzugreifen. Preferences sind Key-Value Stores in welchen einfache Datentypen gespeichert werden können.
Gerade in unserem Projekt ist die Verwendung von Capacitor Preferences äussert empfehlenswert. Um dennoch Objekte abspeichern zu können, ist die Verwendung von JSON
ratsam. Weitere Ausführung und Möglichkeiten, die du mit dem Capacitor-Preferences plugin findest du unter der unten angegebenen Doku.
Für grosse Daten gibt es noch die Möglichkeit capacitor-sqlite zu verwenden.
Last updated