Phonegap – Cordova 2017 Teil 4: Usersettings innerhalb der App sichern

Settings, – irgendwo muss der User ja seine Account-Daten für den Zugriff auf diese Tools sichern.

Wie sichert man Daten im Browser und funktioniert das auch noch in Cordova?
Die Maske war dazu schnell erstellt und dann um diese Accordionpane aus JQuery-Mobile erweitert.
Page mit Usersettings

Hier der Code:


function saveSpSettings() {
// Store the settings locally
var sp_uname = $('#sp_uname').val();
var sp_pw = $('#sp_pw').val();
var sp_oc = $('#sp_oc').val();
localStorage.setItem ( "spSettings", JSON.stringify( { spUname: sp_uname, spPw: sp_pw, spOc: sp_oc } ) );
// if ok:
showAlert( 'Settings', 'Stored');
}
function loadSpSettings() {
var spSettings = JSON.parse(localStorage.getItem ( "spSettings" ));
if (spSettings.spUname) {
$('#sp_uname').val(spSettings.spUname);
var sp_uname =spSettings.spUname;
}
if (spSettings.spPw) {
$('#sp_pw').val(spSettings.spPw);
var sp_pw = spSettings.spPw;
// Debugging: showAlert( 'Settings', sp_pw );
}
if (spSettings.spOc) {
$('#sp_oc').val(spSettings.spOc);
var sp_oc = spSettings.spOc;
}
}


Das wars, zwei Funktionen um Einstellungen als JSON-String zu sichern und zu laden. Später wird das Passwort nur noch optional gespeichert und muss beim ersten Start oder nach Zeit wieder neu eingegeben erden.
Die Funktion  „saveSpSettings“ wird durch den Save-Button getriggert.
Die Funktion „loadSpSettings“ wird beim Start der App getriggert.

Falls das Passwort wirklich hier gesichert werden soll, dann wird es später verschlüsselt gespeichert. Für einen test des localStorage reicht das aber so.

Link zum Accordion:
http://demos.jquerymobile.com/1.3.2/widgets/accordions/


Posted

in

by

Tags: