如何使用localStorage来存储和获取用户登录详细信息？
里昂·加班
我正在使用Ionic框架构建移动应用程序，我需要能够缓存用户的登录名，以便他们不必每次都登录。
我读了一个建议使用HTML5 localStorage的解决方案。但是我目前不确定如何实现它。
这是我的用户登录变量的样子：
credentials Object {username: "leon", password: "sushi"}
我的console.logs打印如下：
我的loginController：
// The Modernizr Code
////////////////////////////////////////////////////////////////////////////
if (Modernizr.localstorage) {
// window.localStorage is available!
console.log('localStorage is available!');
console.log('creds',creds);
} else {
console.log('no native support for HTML5 storage :(');
// no native support for HTML5 storage :(
// maybe try dojox.storage or a third-party solution
}
// The Login function
////////////////////////////////////////////////////////////////////////////
function login(credentials) {
console.log('credentials',credentials);
creds = localStorage["credentials"];
console.log('creds',creds);
AuthService.login(credentials).then(function (user) {
$rootScope.$broadcast(AUTH_EVENTS.loginSuccess);
if (user.password_reset) {
$location.path('/password');
}
else {
AuthService.saveUser(user);
$location.path('/main');
}
}).catch(function () {
vm.errorModalClosed = false;
vm.loginError = true;
PopupFactory.saveConfig("failure", "The username and password you entered don’t match.", true);
$rootScope.$emit('open.popup');
});
}
斯大林
localStorage在浏览器中是全局的，您可以保存数据，然后在需要的地方进行检索，您可以像这样添加项目localStorage.setItem('key', 'value')并获取localStorage.getItem（'key'）;。
记住一些东西，localStorage只保存字符串，您必须JSON.stringify()用于保存对象yJSON.parse以便再次解析为json
在您保存用户的那一刻的特定示例中
AuthService.saveUser(user);
localStorage.setItem('user', JSON.stringify(user));
$location.path('/main');
并在其他地方检索
var user = JSON.parse(localStorage.getItem('user'));
您也可以在自己的内部执行此操作，AuthServer.saveUser(user)并添加一些方法AuthServer.getUser()来吸引用户
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用Flutter进行社交登录身份验证时如何获取用户详细信息？
- 2
在 ASP.NET Core 上使用 Identity 登录后如何直接获取用户详细信息？
- 3
如何获取用户浏览器的详细信息，IP地址和位置信息？
- 4
如何使用移动集线器用户签名功能获取用户详细信息？
- 5
如何获取用户（计算机）名称和密码的详细信息？
- 6
zf2如何使用AuthenticationService获取用户详细信息
- 7
如何使用Android版Facebook SDK v4.2获取用户详细信息
- 8
如何使用Google API核心地获取用户详细信息
- 9
如何使用MySql从相关表中获取用户的详细信息？
- 10
在用户登录TWITTER后获取用户详细信息
- 11
cakePHP获取用户已登录用户的详细信息
- 12
如何从RASA chatbot中基于Java脚本的Web浏览器获取用户登录详细信息
- 13
Javascript Fetch API单击用户时如何获取用户的帖子详细信息？
- 14
响应本机获取令牌，然后使用 fetch api 获取用户详细信息
- 15
获取和显示用户的详细信息
- 16
从Active Directory获取用户的经理详细信息
- 17
Laravel Socialite Facebook无法获取用户详细信息
- 18
Laravel Socialite Facebook无法获取用户详细信息
- 19
Swift 2.0-从Firebase获取用户详细信息
- 20
通过对 spring 的任何请求获取用户详细信息
- 21
JWT 获取用户详细信息并设置过期时间
- 22
从TwitterOAut获取用户详细信息（例如电子邮件，生日和姓名）
- 23
如何从另一个域获取用户详细信息
- 24
使用Azure活动目录作为身份验证提供程序获取用户详细信息
- 25
通过访问令牌，使用Azure DevOps中的REST API获取用户详细信息
- 26
在条件为多个phoneNumber的情况下，使用firebase auth获取用户详细信息？
- 27
在CRM 2015中使用javascript onload获取用户约会详细信息
- 28
获取当前用户的详细信息，即登录 firebase 的用户
- 29
Java SE-存储当前登录的用户详细信息
我来说两句