如何使用onsen用户界面存储登录信息？

Question

我想使用onsen ui和angularjs来开发hybird应用程序，但是现在我遇到了一个问题，这个应用程序无法存储用户的登录信息，所以用户每次关闭应用程序后都必须登录。

我使用$cookies、服务和$rootScope来存储用户的登录信息，但它们都不能在安卓平台上工作。

有人能帮我解决这个问题吗？

Answer 1

在像Onsenui这样的HTML5移动框架上，我建议使用localStorage。

您可以查看这两个AngularJs模块：

• 角局部存储
• ngStorage

他们有非常好的书面说明和演示代码作为参考。

Answer 2

使用这个插件https://github.com/litehelpers/Cordova-sqlite-storage或类似的东西来创建sqlite数据库。创建一个包含您希望保留的信息(用户名和密码)的表。您可以创建密码的散列并存储它，以获得更好的安全性(md5或sha1)。

您还可以保留登录的时间戳，并让用户登录特定的时间间隔，因此当他打开应用程序时，请检查您是否在此间隔内(例如，天、周等)。从最后一次登录开始，如果是，请将他自动登录，否则将再次显示登录屏幕。

Answer 3

 if (window.localStorage.getItem("rememberMe") == "true") {
        $scope.userEmail = window.localStorage.getItem("userName");
        $scope.userPassword = window.localStorage.getItem("password");
        document.getElementById("rememberMe").checked = true;
 }
 else {
       document.getElementById("rememberMe").checked = false;
 }
 if (document.getElementById("rememberMe").checked == true) {
       window.localStorage.setItem("rememberMe", "true");
       window.localStorage.setItem("userName", $scope.userEmail);
       window.localStorage.setItem("password", $scope.userPassword);
 }
 else if (document.getElementById("rememberMe").checked == false) {
     window.localStorage.setItem("rememberMe", "false");
     window.localStorage.setItem("userName", "");
     window.localStorage.setItem("password", "");
 }

嗨!看看上面的代码。它存储在本地存储器中。