HarmonyOS 鸿蒙Next如何将登录数据缓存到本地

HarmonyOS 鸿蒙Next如何将登录数据缓存到本地 我想登录成功后将token、账号、密码缓存到本地，供下次重新打开APP的时候判断使用，如果本地缓存有token，就直接跳转首页，而不用每次打开APP都要重新登录。

我已从之前的咨询中掌握了：

AppStorage.setOrCreate(userInfo, userInfoValue)
AppStorage.get(userInfo)

但是我发现AppStorage在重启APP后缓存的token会变成undefined

所以我该如何正确将数据缓存到本地

6 回复

请参考以下链接：Harmonyos Next 管理应用拥有的状态概述

更多关于HarmonyOS 鸿蒙Next如何将登录数据缓存到本地的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


AppStorage是运行时的内存，但是在应用退出再次启动后，还想拿到保存选定的结果，需要用到PersistentStorage。文档如下:

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-persiststorage-0000001774119950-V5

同时还通过用户首选项实现数据持久化，文档如下：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/data-persistence-by-preferences-V5

import router from '@ohos.router'
PersistentStorage.persistProp('token', '')
@Entry
@Component
struct Index {
  @State message: string = '这是登录页';
  private title: string = "手机号登录"
  private backColor: ResourceColor = "#DC143C"
  @StorageLink('token') token: string = ''

  onPageShow() {
     if (this.token.length > 0 && this.token !== "undefined"){
      console.log('登录页 onPageShow token有值 说明之前 有登录过 直接跳转到首页' + this.token)
      this.goToHome()
    } else {
      console.log('登录页 onPageShow token没值 说明之前 没登录过')
     }
  }

  build() {
    Stack(){
      Text(this.message + this.token)
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .margin({
          top:200
        })

      Button()
        .type(ButtonType.Capsule)
        .width('100%')
        .height('50')
        .backgroundColor(this.backColor)
        .border({
          color:'#CCCCCC',
          width:1
        })
        .margin({
          top:500
        })

      Row(){

        Text(this.title)
          .fontSize(18)
          .fontColor('#333333')

        Text('（上次登录）')
          .fontSize(14)
          .fontColor('#C0C0C0')

      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.Center)
      .onClick(() =>{
        this.mobilePhoneLoginClick()
      })
      .margin({
        top:500
      })
      // .backgroundColor('#32CD32')
    }
    .width('90%')
    .height('50')
    // .backgroundColor('#00BFFF')
  }

  mobilePhoneLoginClick(){
    console.info('手机号登录 点击')
    this.loginSuccess()
  }
  loginSuccess(){
    let token = 'abc123456'
    console.info('登录成功 存本地的 token：' + token)
    AppStorage.setOrCreate('token',token)
    this.goToHome()
  }

  goToHome(){
    console.info('跳转到 首页')
    router.pushUrl({ url: 'pages/Home' })
  }
}

// 下面是Home.ets页面
@Entry
@Component
struct Home {
  @State message: string = '这是首页';
  @State token: string = ''

  onPageShow() {
    this.token = AppStorage.get('token') + ''
    console.info('首页 取存在本地的 temp:' + this.token)
  }
  build() {
    Row() {
      Column() {
        Text(this.message + this.token)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

因为数据没有持久化，把数据持久化一下，或者用首选项储存一下

HarmonyOS的分布式文件系统让我在多设备间共享文件变得更加方便。

可以用三方库mmkv进行持久化存储，比用户首选项啥的都好用，openharmony三方库网站：https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Fmmkv

在HarmonyOS（鸿蒙）系统中，将登录数据缓存到本地可以通过多种方式实现，以下是一种使用鸿蒙系统原生API进行本地数据存储的方法：

HarmonyOS提供了丰富的本地数据存储API，其中包括使用DataAbility进行数据访问。对于登录数据的缓存，可以考虑使用轻量级的数据存储方式，如SharedPreferences（在鸿蒙中对应的是KVStore）。

  1. 获取KVStore实例：首先，你需要获取一个KVStore实例，用于存储和读取键值对数据。这通常通过调用KVStoreFactory.createKVStore方法实现，传入指定的文件名作为存储区域。

  2. 存储数据：获取到KVStore实例后，可以使用putString、putInt等方法将登录数据（如用户名、密码、token等）存储到本地。

  3. 读取数据：在需要时，可以通过getString、getInt等方法从KVStore中读取存储的数据。

  4. 关闭KVStore：操作完成后，记得关闭KVStore实例以释放资源。

示例代码（简化）：

// 注意：此处仅为示例，实际代码需根据鸿蒙开发文档调整，且鸿蒙开发不直接使用Java API
KVStore kvStore = KVStoreFactory.createKVStore(context, "loginData", new KVStoreConfig());
kvStore.putString("username", "exampleUser");
kvStore.putString("token", "exampleToken");
kvStore.close();

请注意，上述代码为示意性代码，鸿蒙开发不直接使用Java API，实际开发中应参考鸿蒙官方文档使用对应的API。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部