HarmonyOS 应用实战 85:引导页别每次启动都弹:把 OnboardingState 写进启动快照

首次启动如果只靠页面 State,重启后会反复出现引导,或者错过必须执行的种子初始化。这个问题不能只靠页面上补一个提示解决,因为真正的断点在 libraryHAR/src/main/ets/models/AppPreferences.ets、状态字段和服务 owner 之间。下面按现有工程事实展开:先看源码,再说明风险链路,最后给出可以落地的补强方式。

在这里插入图片描述

这篇解决什么:首次启动

角度 结论 落点
当前事实 偏好模型里已经定义 FirstLaunchDone,用来表达首次启动是否完成。 libraryHAR/src/main/ets/models/AppPreferences.ets
主要风险 首次启动如果只靠页面 State,重启后会反复出现引导,或者错过必须执行的种子初始化。 首次启动要拆成数据初始化完成、引导已看完、当前牌组已设定三个状态。
补强方向 FirstLaunchState 先保证 seedReady,再展示引导;引导结束后写 FirstLaunchDone。
页面责任 首次启动 首页不能因为引导未完成就跳过 SeedLoader。

首次启动 来说,这张表先把边界固定住:当前事实来自 libraryHAR/src/main/ets/models/AppPreferences.ets,风险落在 首次启动要拆成数据初始化完成、引导已看完、当前牌组已设定三个状态。,补强方案只围绕 FirstLaunchState 展开,不把问题扩散成泛泛的 HarmonyOS 状态管理讨论。

现有代码锚点:首次启动 对应 libraryHAR/src/main/ets/models/AppPreferences.ets

下面这段来自 The_Book_of_Answers 当前工程,锚点是 FirstLaunchDone。它不是装饰性引用,而是判断这篇文章能不能落地的依据。

0024   static readonly LastFavoriteUpdateAt: string = 'lastFavoriteUpdateAt';
0025   static readonly LastQuestionHistoryUpdateAt: string = 'lastQuestionHistoryUpdateAt';
0026 }
0027 
0028 /** Preferences 内的具体 key */
0029 export class AppPrefKey {
0030   static readonly SchemaVersion: string = 'schemaVersion';
0031   static readonly CurrentDeckId: string = 'currentDeckId';
0032   static readonly FirstLaunchDone: string = 'firstLaunchDone';
0033   /** 上次成功播种的默认题库版本号;用于判断是否需要强制重写默认题库 */
0034   static readonly LastSeededVersion: string = 'lastSeededVersion';
0035 }
0036 
0037 /** 默认题库种子版本:内容变更时 +1,老用户启动后会被强制覆盖默认题库 */
0038 export const DEFAULT_DECK_SEED_VERSION: number = 2;
0039 
0040 export class DeckPrefKey {

这段代码说明:偏好模型里已经定义 FirstLaunchDone,用来表达首次启动是否完成。 所以后续补强不能绕开这个事实;如果把 首次启动 直接写成页面局部变量,第一次交互可能看起来没问题,跨页面、重进或发布回归时就会暴露。

失败链路:问题通常不是突然出现

首次启动如果只靠页面 State,重启后会反复出现引导,或者错过必须执行的种子初始化。

环节 内容 排查动作
触发点 EntryAbility 初始化 确认输入来自哪里
断点 首次启动要拆成数据初始化完成、引导已看完、当前牌组已设定三个状态。 确认服务层有没有拦住
外显现象 引导反复出现 确认页面有没有清楚反馈

这张断点表是给 首次启动 做回归时用的。先复现触发点,再检查 首次启动要拆成数据初始化完成、引导已看完、当前牌组已设定三个状态。 是否存在,最后看用户能不能从 引导反复出现 这种现象里得到下一步动作。

先排除误区:首次启动 不是页面补丁

遇到 首次启动,最容易犯的错是先在页面里加一个局部状态,让当前场景看起来正常。这个做法短期能遮住现象,但不会处理 引导反复出现 这类断点。

临时做法 看起来解决了什么 后续会留下什么
页面里直接改 @State 当前界面刷新了 服务和仓储没有真实状态
保存失败后直接返回 用户看不到报错 数据可能没有写入
每个入口各写一份判断 某个页面正常 其他入口继续出错
只看成功路径 操作流程很顺 失败分支无法复现
function unsafeHandleArticle85(reason: string): void {
  if (!reason) {
    return;
  }
  promptAction.showToast({ message: reason });
  // 只提示不收口,下一次进入仍可能遇到同一个 首次启动 问题。
}

这段反例的目的不是讲语法,而是提醒边界:首次启动 的根因要回到 先保证 seedReady,再展示引导;引导结束后写 FirstLaunchDone。,页面只能表达反馈,不能替服务层决定数据是否已经可靠。

在这里插入图片描述

按照图里的顺序看,真正要拦住的是这一句:首次启动要拆成数据初始化完成、引导已看完、当前牌组已设定三个状态。 只要这个点没有收口,用户看到的现象就会在刷新、保存、返回、导入或发布时反复变化。

责任边界:首次启动 不该由谁兜底

SeedLoader 负责数据初始化,OnboardingService 负责引导状态,首页只读取结果。

层级 应该负责 不应该负责
页面 首页不能因为引导未完成就跳过 SeedLoader。 直接改底层 key 或吞掉失败
服务 先保证 seedReady,再展示引导;引导结束后写 FirstLaunchDone。 让每个页面复制一套规则
仓储/配置 只保存和读取真实数据 理解页面交互语义

排查 首次启动 时先问 owner,再问信号,最后才看样式。像 引导反复出现,通常不是单纯的 UI 细节,而是 FirstLaunchDone 没持久化 没被服务层收住。

状态模型:FirstLaunchState

建议把这件事压成一个明确模型。下面代码是建议补强,不表示当前工程已经存在同名接口。

interface FirstLaunchState {
  seedReady: boolean; // 默认牌组是否准备完成
  onboardingDone: boolean; // 用户是否完成引导
  currentDeckReady: boolean; // 当前牌组是否有有效值
  completedAt: number; // 首次启动流程完成时间
}

function createFirstLaunchState(input: Partial<FirstLaunchState>): FirstLaunchState {
  return {
    seedReady: typeof input.seedReady === 'boolean' ? input.seedReady : false,
    onboardingDone: typeof input.onboardingDone === 'boolean' ? input.onboardingDone : false,
    currentDeckReady: typeof input.currentDeckReady === 'boolean' ? input.currentDeckReady : false,
    completedAt: typeof input.completedAt === 'number' ? input.completedAt : 0,
  };
}

FirstLaunchState 至少要能回答三个问题:输入从哪里来、失败怎么表达、成功之后谁刷新。字段少一点没关系,但不能让页面靠猜来决定 首页不能因为引导未完成就跳过 SeedLoader。

提交顺序:首次启动 要先有提交点

把状态模型写出来以后,还要约束提交顺序。否则接口名字很好看,实际调用仍可能在页面、服务和仓储之间来回绕。

  1. 页面先收集用户动作,只生成 FirstLaunchState 或等价输入。
  2. 服务读取必要的当前状态,执行 先保证 seedReady,再展示引导;引导结束后写 FirstLaunchDone。
  3. 通过边界后再写仓储、Preferences 或运行时信号。
  4. 页面根据结果展示成功、失败、刷新或恢复入口。
async function submitArticle85(state: FirstLaunchState): Promise<void> {
  const result: FirstLaunchStateResult = await commitFirstLaunchState(state);
  if (!result.ok) {
    FirstLaunchStateNotice(result.reason);
    return;
  }
  AppStorage.setOrCreate('article85ChangedAt', result.changedAt);
}

这个顺序的价值在失败分支。只要 首次启动 没通过服务闸门,就不应该提前写入运行时信号,也不应该让页面表现得像已经保存成功。

服务闸门:先判断能不能提交

首次启动 的服务层应该先判断边界,再执行写入或刷新。下面的写法把 reason 返回给页面,是为了让 没有默认牌组 能被解释,而不是只弹一个“失败”。

interface FirstLaunchStateResult {
  ok: boolean;
  reason: string;
  changedAt: number;
}

function explainFirstLaunchState(state: FirstLaunchState): string {
  if (!state.seedReady) {
    return 'seedReady 还没有确认';
  }
  return '';
}

async function commitFirstLaunchState(state: FirstLaunchState): Promise<FirstLaunchStateResult> {
  const reason: string = explainFirstLaunchState(state);
  if (reason) {
    return { ok: false, reason, changedAt: Date.now() };
  }
  return { ok: true, reason: 'ready', changedAt: Date.now() };
}

这里的关键是:首次启动 不满足边界时不要写仓储,也不要悄悄修改运行时状态。先返回原因,页面再决定展示刷新、重试、回退还是放弃入口。

页面接入:提示可以清楚,规则不要搬到 UI

页面要做的是把用户动作表达清楚。比如 首页不能因为引导未完成就跳过 SeedLoader。,这类信息适合放到 UI;但真正的校验和写入顺序仍然应该在服务层。

@Builder
function FirstLaunchStateNotice(reason: string) {
  if (reason) {
    Column({ space: 8 }) {
      Text('首次启动')
        .fontSize(16)
        .fontWeight(FontWeight.Medium)
      Text(reason)
        .fontSize(13)
        .fontColor(AppColor.danger)
    }
    .padding(12)
    .border({ width: 1, color: AppColor.danger })
    .borderRadius(AppRadius.md)
  }
}

这种接入方式对 首次启动 有一个好处:页面可以保持轻量,服务仍然是规则 owner。以后再加列表页、设置页、恢复页或发布回归,也不用围绕 FirstLaunchState 复制判断条件。

结构收口:从源码到验证只走一条线

在这里插入图片描述

首次启动 的结构图要能互相对应:源码锚点证明当前事实,FirstLaunchState 描述新增边界,服务规则决定提交方式,验证点证明 首次安装启动后应拥有默认牌组。 没有被吞掉。

验证路径:成功和失败都要跑

序号 验证点
1 首次安装启动后应拥有默认牌组。
2 看完引导并重启后,引导不再重复出现。
3 清除数据后重新启动,会重新跑首次启动流程。
4 SeedLoader 失败时,不应写 FirstLaunchDone。
Write-Host "查看 首次启动 的源码锚点"
rg -n "FirstLaunchDone|FirstLaunchState" "D:\ProgramData\huawei\lesson\The_Book_of_Answers\libraryHAR\src\main\ets\models\AppPreferences.ets"

Write-Host "查看相关状态字段"
rg -n "seedReady|onboardingDone|currentDeckReady|AppStorageKey|AppPrefKey|StorageLink|updatedAt" "D:\ProgramData\huawei\lesson\The_Book_of_Answers"

这些命令只能检查 首次启动 的源码落点和关键字段,不代表已经完成真机交互。涉及 首次安装启动后应拥有默认牌组。 这种场景时,还需要在 DevEco/设备侧补完整流程验证。

负向回归:首次启动 要故意跑坏一次

只跑成功路径很容易误判。首次启动 至少要准备一组负向样本,让服务层证明它会拒绝错误输入,而不是靠页面刚好没有触发问题。

负向样本 期望反应 说明
缺少 seedReady 返回明确原因,不写仓储 验证主输入不是默认通过
触发 引导反复出现 保留当前页面状态 验证失败分支不会静默返回
模拟 引导先于 SeedLoader 完成 页面显示下一步动作 验证用户能继续处理
重复执行提交 结果保持一致 验证服务闸门能承受重进
async function runNegativeArticle85(state: FirstLaunchState): Promise<string> {
  const result: FirstLaunchStateResult = await commitFirstLaunchState(state);
  if (result.ok) {
    return 'unexpected success';
  }
  return result.reason;
}

这组负向样本能把 首次启动 从“看起来能用”推进到“失败时也能解释”。写文章时把这部分放出来,读者才能按自己的工程复现。

常见问题:先定位断点

现象 常见原因 优先检查
引导反复出现 FirstLaunchDone 没持久化 写入 AppPrefKey.FirstLaunchDone
没有默认牌组 引导先于 SeedLoader 完成 初始化顺序放在 loadContent 前
失败后还进入首页 错误状态被吞掉 SeedLoader 失败时阻止完成态

遇到 首次启动 的异常时不要先改样式。先确认是哪一层没有交接:页面是否保留 seedReady,服务是否统一处理规则,仓储或配置是否留下旧值,运行时信号是否发出。

落地顺序:先最小闭环,再补体验

  1. libraryHAR/src/main/ets/models/AppPreferences.ets 附近确认当前链路,避免改错文件。
  2. 增加 FirstLaunchState 或等价状态模型,字段只保留能解释失败的部分。
  3. 首次启动 的规则放到服务层,页面只展示原因和下一步动作。
  4. 跑成功路径和失败路径,特别是 首次安装启动后应拥有默认牌组。
const regressionForArticle85: string[] = [
  '首次安装启动后应拥有默认牌组。',
  '看完引导并重启后,引导不再重复出现。',
  '清除数据后重新启动,会重新跑首次启动流程。'
];

收口

首次启动 的处理方法可以压成一句话:SeedLoader 负责数据初始化,OnboardingService 负责引导状态,首页只读取结果。 当前工程已经有可依赖的源码基础,文章里的新增接口和函数属于建议补强;真正落地时,优先保持 owner 清楚,再补页面反馈。

结论 内容 边界
可以直接复用 偏好模型里已经定义 FirstLaunchDone,用来表达首次启动是否完成。 libraryHAR/src/main/ets/models/AppPreferences.ets
建议新增 FirstLaunchState 先保证 seedReady,再展示引导;引导结束后写 FirstLaunchDone。
暂不声明 真机行为、CSDN 上传、发布结果 没有实际执行就不写成已完成
再补页面反馈。
结论 内容 边界
可以直接复用 偏好模型里已经定义 FirstLaunchDone,用来表达首次启动是否完成。 libraryHAR/src/main/ets/models/AppPreferences.ets
建议新增 FirstLaunchState 先保证 seedReady,再展示引导;引导结束后写 FirstLaunchDone。
暂不声明 真机行为、CSDN 上传、发布结果 没有实际执行就不写成已完成
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐