Verwenden des lokalen Speichers in der Telefonlücke

Ich wollte mit einer mobile-app für mein web-Projekt. Ich fand phonegap. Es sagt sich Leicht erstellen-apps mit HTML, CSS und JavaScript. Habe ich nicht erstellt, eine mobile app mit Handy Lücke vor. Es gibt drei storage-Optionen memory-store.js (MemoryStore), ls-store.js (LocalStorageStore) und websql-store.js (WebSqlStore). Ich möchte nur zu retten, ein token zu erkennen Benutzer. Die Lagerung am besten geeignet ist. Gibt es eine bessere Möglichkeit zum erstellen einer mobilen app.

Ich für jede Hilfe dankbar.

InformationsquelleAutor der Frage Leah Collins | 2013-04-12

  1. 40

    Lokalen Speicher wird wohl am einfachsten sein für Ihre Bedürfnisse.

    Grundsätzlich PhoneGap-apps sind native apps (so dass Sie verteilt werden können, über die app-stores), führen Sie einfach eine web-Seite oder Seiten. Das PhoneGap-API stellt dann JavaScript-hooks in die Funktionen des Geräts wie Kamera etc. Es gibt mehr zu es, aber für jetzt, das ist der hintergrund.

    So, da die app ist im wesentlichen eine web-Seite (HTML5, CSS, JS), die Sie machen können Verwendung von LocalStorage (Teil von HTML5).

    Beispiel lokale Speicherung, Verwendung:

    Einstellwerte:

    localStorage.myname = "Greg";

    Werte:

    localStorage.myname; //returns "Greg"

    Hier weitere Informationen für lokale Speicherung: http://diveintohtml5.info/storage.html

    Für Windows Phone 7 : http://docs.phonegap.com/en/3.4.0/cordova_storage_storage.md.html#Storage

    Die syntax ist wie folgt 

    localStorage.setItem("name", "Alen");

localStorage.getItem("name"); //will return Alen

    InformationsquelleAutor der Antwort Greg

  2. 1

    Einen Punkt hinzufügen, über die Verwendung von localStorage ist, dass es unterstützt nur HTML5-konforme Geräte. Für ältere Geräte (auch eine gute Wahl für neue Geräte) die option ist die Verwendung von phonegap für die SQLite-Implementierung. Siehe hier...

    InformationsquelleAutor der Antwort Hammer

  3. 0

    Würde ich dir empfehlen auch einen Blick in Lawnchair persistent-storage-Lösung. Es wurde gebaut, mit einem mobile-first-Ansatz. Ich habe es in einigen Projekten; es funktioniert wirklich gut.

    Beispielcode

    var store = new lawnchair({name:'testing'}, function(store) {
    //create an object
    var me = {key:'brian'};

    //save it
    store.save(me);

    //access it later... yes even after a page refresh!
    store.get('brian', function(me) {
        console.log(me);
    });
});

    Lesen Sie mehr darüber auf http://brian.io/lawnchair/

    InformationsquelleAutor der Antwort apushpar

  4. 0

    Freund, habe ich versucht, auch ohne Erfolg, um cookies zu verwenden mit phonegap. Die Lösung war die Verwendung "localStorage".

    Schlüssel Kurzes Beispiel:

     var keyName = window.localStorage.key(0);

    Set Item Kurzes Beispiel:

     window.localStorage.setItem("key", "value");

    Gegenstand Erhalten Schnelle Beispiel 

     var value = window.localStorage.getItem("key");
 //value is now equal to "value"

    Element Entfernen Kurzes Beispiel:

     window.localStorage.removeItem("key");

    Klare Kurzes Beispiel:

     window.localStorage.clear();

    Wenn Sie verwenden Sie javascript für mobile und web, können Sie diesen code verwenden, um zu erkennen, dass die Umgebung:

    var wl = window.location.href;
var mob = (wl.indexOf("android")>0);

    Referenzen:
    http://docs.phonegap.com/en/1.2.0/phonegap_storage_storage.md.html#localStorage
    http://cordova.apache.org/docs/en/6.x/cordova/storage/storage.html#page-toc-source

    Beachten Sie: die Verwendung anonymer navigation auf iOS machen kann localstorage nicht, dass die Arbeit spected. Ein einfacher test, dass die arbeiten in Ordnung für mich:

    $(document).ready(function () {
    try {
        localStorage.setItem('test', '1');
    } catch (Err) {
        if (Err.message.indexOf('QuotaExceededError') > -1) {
            //Tell the user they are in anonymous mode
            //Sugest it to go to https://support.apple.com/pt-br/HT203036 to get help to disable it
            }
        }
    }
});

    InformationsquelleAutor der Antwort Tiago Gouvêa

Schreibe einen Kommentar