如何实现记住我的功能? [英] How to implement a remember me function?

问题描述

我正在做一个带有节点 js 后端的 Angular 4 应用程序.我做了登录表单，一切都很好，我想实现记住我"功能.

I am doing an Angular 4 application with node js backend. I did the login form, and all is good I want to implement the function "remember me".

这是我的登录服务:

import { Injectable } from '@angular/core';

@Injectable()
export class loginService{
  rememberMe: boolean;
  constructor() { }

login(credentials) {
  sessionStorage.setItem('Name', credentials.firstName);
  sessionStorage.setItem('token', credentials.token);
}

getCostumer() {
  const user = {
    Name:  sessionStorage.getItem('firstName'),
    token: sessionStorage.getItem('token')
}

这是组件:

constructor(private signInService: SignInService, private router: Router, 
public dialog: MatDialog, private authService: AuthService) { }

ngOnInit() { }

  login(costumer) {
     this.loginService.login(costumer).subscribe((data) => {
       this.authService.login(data);
       this.router.navigate(['home']);
       this.dialog.closeAll();
      }, err => {
       this.message = err._body;
       console.log(this.message);
     });
  }
}

推荐答案

使用 localStorage 而不是 sessionStorage

就您而言，您可以执行以下操作:

In your case, you can do something like this:

if (isRemberMeChecked) {
    ...
    localStorage.setItem('Name', credentials.firstName);
    localStorage.setItem('token', credentials.token);
    ...
} else {
    ...
    sessionStorage.setItem('Name', credentials.firstName);
    sessionStorage.setItem('token', credentials.token);
    ...
}

如果您想全局获取 isRemberMeChecked 值，您可以使用 angular 服务

If you want to get isRemberMeChecked value globally you can use angular service

这篇关于如何实现记住我的功能?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！