HarmonyOS应用实战-启示散页-85-引导页别每次启动都弹:把 OnboardingState 写进启动快照
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。。
提交顺序:首次启动 要先有提交点
把状态模型写出来以后,还要约束提交顺序。否则接口名字很好看,实际调用仍可能在页面、服务和仓储之间来回绕。
- 页面先收集用户动作,只生成
FirstLaunchState或等价输入。 - 服务读取必要的当前状态,执行
先保证 seedReady,再展示引导;引导结束后写 FirstLaunchDone。。 - 通过边界后再写仓储、Preferences 或运行时信号。
- 页面根据结果展示成功、失败、刷新或恢复入口。
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,服务是否统一处理规则,仓储或配置是否留下旧值,运行时信号是否发出。
落地顺序:先最小闭环,再补体验
- 在
libraryHAR/src/main/ets/models/AppPreferences.ets附近确认当前链路,避免改错文件。 - 增加
FirstLaunchState或等价状态模型,字段只保留能解释失败的部分。 - 把
首次启动的规则放到服务层,页面只展示原因和下一步动作。 - 跑成功路径和失败路径,特别是
首次安装启动后应拥有默认牌组。。
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 上传、发布结果 | 没有实际执行就不写成已完成 |
更多推荐
所有评论(0)