React Native AsyncStorage 实现 APP 登录后,杀死APP进程后,不用再次登录

这两天体验已上线的APP发现,不管APP是否是登录状态,只要杀死APP的进行,就必须重新登录。再体验一下淘宝APP,完全不需要登录。于是乎,便请教了下百度老师,经过一番折腾,我的APP也有此功能啦。故分享出来,供大家参考和指导

一、用AsyncStorage存储登录后的用户信息

import {
  AsyncStorage,
} from 'react-native';

login = () => {
    const { loginName, loginPassword } = this.state;
    if (!loginName) {
      Toast.message('手机号码不能为空', 2500);
      return;
    }

    if (loginName.length != 11) {
      Toast.message('手机号码长度为11位', 2500);
      return;
    }
    if (loginPassword.length < 6) {
      Toast.message('密码长度不能低于6位', 2500);
      return;
    }

    let params = {
      phone: loginName,
      password: loginPassword
    };
    HttpUtils.get(Service.login, params).then((res) => {
      // 用AsyncStorage存储登录后的用户信息
      AsyncStorage.setItem('user', JSON.stringify(res.data)).then(() => {
        store.token.setToken(res.data.accessToken);
        store.token.setUser(res.data);
        NavigationService.navigate("HomePage", {});
        this.props.store.setUser(res.data.username);
      });
    }).catch((error) => {
      Toast.message(error.message, 2500);
    });
  }

二、在app.js的componentDidMount中获取AsyncStorage存储信息

import {
  AsyncStorage,
} from 'react-native';

componentDidMount() {
    this.getStoreData();
  }


getStoreData = async () => {
    try {
      const value = await AsyncStorage.getItem('user');
      if (value !== null && JSON.parse(value).accessToken) {
        const obj = JSON.parse(value);
        store.token.setToken(obj.accessToken);
        store.token.setUser(obj);
        NavigationService.navigate("HomePage", {});
        this.props.store.setUser(obj.username);
      } else {
        this.reset('Login');
      }
    } catch (error) {
      this.reset('Login');
    }
  }

三、注销登录时,清除AsyncStorage

import {
  AsyncStorage,
} from 'react-native';

AsyncStorage.removeItem('user');
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值