HarmonyOS应用实战-启示散页-88-恢复页别只说失败:用 RecoveryState 告诉用户下一步
HarmonyOS 应用实战 88:恢复页别只说失败:用 RecoveryState 告诉用户下一步
初始化失败如果只停留在日志里,用户看到的是白屏或空首页,不知道如何恢复。这个问题不能只靠页面上补一个提示解决,因为真正的断点在 entry/src/main/ets/services/SeedLoader.ets、状态字段和服务 owner 之间。下面按现有工程事实展开:先看源码,再说明风险链路,最后给出可以落地的补强方式。

这篇解决什么:恢复入口
| 角度 | 结论 | 落点 |
|---|---|---|
| 当前事实 | SeedLoader 在异常时会记录日志并继续把错误抛给上层。 | entry/src/main/ets/services/SeedLoader.ets |
| 主要风险 | 初始化失败如果只停留在日志里,用户看到的是白屏或空首页,不知道如何恢复。 | 恢复入口应该给出重试、恢复默认牌组、导出日志三条路径。 |
| 补强方向 | RecoveryActionState | 恢复页不直接写牌组数据,恢复默认牌组仍调用 SeedLoader/ResetService。 |
| 页面责任 | 恢复入口 | 重试前先展示错误分类,避免用户反复点同一个失败动作。 |
对 恢复入口 来说,这张表先把边界固定住:当前事实来自 entry/src/main/ets/services/SeedLoader.ets,风险落在 恢复入口应该给出重试、恢复默认牌组、导出日志三条路径。,补强方案只围绕 RecoveryActionState 展开,不把问题扩散成泛泛的 HarmonyOS 状态管理讨论。
现有代码锚点:恢复入口 对应 entry/src/main/ets/services/SeedLoader.ets
下面这段来自 The_Book_of_Answers 当前工程,锚点是 catch (e)。它不是装饰性引用,而是判断这篇文章能不能落地的依据。
0087 const reason: string = isMissing ? 'missing'
0088 : isCorrupted ? 'corrupted'
0089 : 'version-upgrade';
0090 hilog.warn(DOMAIN, TAG,
0091 'rewrote default deck (%{public}s) count=%{public}d oldV=%{public}d newV=%{public}d',
0092 reason, deck.answers.length, seededVersion, DEFAULT_DECK_SEED_VERSION);
0093 await this.ensureCurrentDeck();
0094 }
0095 } catch (e) {
0096 const err: Error = e as Error;
0097 hilog.error(DOMAIN, TAG, 'seed failed: %{public}s', err.message);
0098 }
0099 }
0100
0101 private async ensureCurrentDeck(): Promise<void> {
0102 const cur: string = await PreferencesStore.getString(
0103 PrefStoreName.App, AppPrefKey.CurrentDeckId, ''
这段代码说明:SeedLoader 在异常时会记录日志并继续把错误抛给上层。 所以后续补强不能绕开这个事实;如果把 恢复入口 直接写成页面局部变量,第一次交互可能看起来没问题,跨页面、重进或发布回归时就会暴露。
失败链路:问题通常不是突然出现
初始化失败如果只停留在日志里,用户看到的是白屏或空首页,不知道如何恢复。
| 环节 | 内容 | 排查动作 |
|---|---|---|
| 触发点 | 初始化失败 | 确认输入来自哪里 |
| 断点 | 恢复入口应该给出重试、恢复默认牌组、导出日志三条路径。 | 确认服务层有没有拦住 |
| 外显现象 | 启动白屏 | 确认页面有没有清楚反馈 |
这张断点表是给 恢复入口 做回归时用的。先复现触发点,再检查 恢复入口应该给出重试、恢复默认牌组、导出日志三条路径。 是否存在,最后看用户能不能从 启动白屏 这种现象里得到下一步动作。
先排除误区:恢复入口 不是页面补丁
遇到 恢复入口,最容易犯的错是先在页面里加一个局部状态,让当前场景看起来正常。这个做法短期能遮住现象,但不会处理 启动白屏 这类断点。
| 临时做法 | 看起来解决了什么 | 后续会留下什么 |
|---|---|---|
页面里直接改 @State |
当前界面刷新了 | 服务和仓储没有真实状态 |
| 保存失败后直接返回 | 用户看不到报错 | 数据可能没有写入 |
| 每个入口各写一份判断 | 某个页面正常 | 其他入口继续出错 |
| 只看成功路径 | 操作流程很顺 | 失败分支无法复现 |
function unsafeHandleArticle88(reason: string): void {
if (!reason) {
return;
}
promptAction.showToast({ message: reason });
// 只提示不收口,下一次进入仍可能遇到同一个 恢复入口 问题。
}
这段反例的目的不是讲语法,而是提醒边界:恢复入口 的根因要回到 恢复页不直接写牌组数据,恢复默认牌组仍调用 SeedLoader/ResetService。,页面只能表达反馈,不能替服务层决定数据是否已经可靠。

按照图里的顺序看,真正要拦住的是这一句:恢复入口应该给出重试、恢复默认牌组、导出日志三条路径。 只要这个点没有收口,用户看到的现象就会在刷新、保存、返回、导入或发布时反复变化。
责任边界:恢复入口 不该由谁兜底
EntryAbility 捕获初始化失败,RecoveryPage 展示恢复动作,SeedLoader 继续负责数据修复。
| 层级 | 应该负责 | 不应该负责 |
|---|---|---|
| 页面 | 重试前先展示错误分类,避免用户反复点同一个失败动作。 | 直接改底层 key 或吞掉失败 |
| 服务 | 恢复页不直接写牌组数据,恢复默认牌组仍调用 SeedLoader/ResetService。 | 让每个页面复制一套规则 |
| 仓储/配置 | 只保存和读取真实数据 | 理解页面交互语义 |
排查 恢复入口 时先问 owner,再问信号,最后才看样式。像 启动白屏,通常不是单纯的 UI 细节,而是 初始化异常只写日志 没被服务层收住。
状态模型:RecoveryActionState
建议把这件事压成一个明确模型。下面代码是建议补强,不表示当前工程已经存在同名接口。
interface RecoveryActionState {
errorCode: string; // 初始化失败分类
canRetry: boolean; // 是否允许直接重试
canRestoreSeed: boolean; // 是否允许恢复默认牌组
lastTriedAt: number; // 上次恢复动作时间
}
function createRecoveryActionState(input: Partial<RecoveryActionState>): RecoveryActionState {
return {
errorCode: input.errorCode || '',
canRetry: typeof input.canRetry === 'boolean' ? input.canRetry : false,
canRestoreSeed: typeof input.canRestoreSeed === 'boolean' ? input.canRestoreSeed : false,
lastTriedAt: typeof input.lastTriedAt === 'number' ? input.lastTriedAt : 0,
};
}
RecoveryActionState 至少要能回答三个问题:输入从哪里来、失败怎么表达、成功之后谁刷新。字段少一点没关系,但不能让页面靠猜来决定 重试前先展示错误分类,避免用户反复点同一个失败动作。。
提交顺序:恢复入口 要先有提交点
把状态模型写出来以后,还要约束提交顺序。否则接口名字很好看,实际调用仍可能在页面、服务和仓储之间来回绕。
- 页面先收集用户动作,只生成
RecoveryActionState或等价输入。 - 服务读取必要的当前状态,执行
恢复页不直接写牌组数据,恢复默认牌组仍调用 SeedLoader/ResetService。。 - 通过边界后再写仓储、Preferences 或运行时信号。
- 页面根据结果展示成功、失败、刷新或恢复入口。
async function submitArticle88(state: RecoveryActionState): Promise<void> {
const result: RecoveryActionStateResult = await commitRecoveryActionState(state);
if (!result.ok) {
RecoveryActionStateNotice(result.reason);
return;
}
AppStorage.setOrCreate('article88ChangedAt', result.changedAt);
}
这个顺序的价值在失败分支。只要 恢复入口 没通过服务闸门,就不应该提前写入运行时信号,也不应该让页面表现得像已经保存成功。
服务闸门:先判断能不能提交
恢复入口 的服务层应该先判断边界,再执行写入或刷新。下面的写法把 reason 返回给页面,是为了让 恢复后仍空列表 能被解释,而不是只弹一个“失败”。
interface RecoveryActionStateResult {
ok: boolean;
reason: string;
changedAt: number;
}
function explainRecoveryActionState(state: RecoveryActionState): string {
if (!state.errorCode) {
return 'errorCode 不能为空';
}
return '';
}
async function commitRecoveryActionState(state: RecoveryActionState): Promise<RecoveryActionStateResult> {
const reason: string = explainRecoveryActionState(state);
if (reason) {
return { ok: false, reason, changedAt: Date.now() };
}
return { ok: true, reason: 'ready', changedAt: Date.now() };
}
这里的关键是:恢复入口 不满足边界时不要写仓储,也不要悄悄修改运行时状态。先返回原因,页面再决定展示刷新、重试、回退还是放弃入口。
页面接入:提示可以清楚,规则不要搬到 UI
页面要做的是把用户动作表达清楚。比如 重试前先展示错误分类,避免用户反复点同一个失败动作。,这类信息适合放到 UI;但真正的校验和写入顺序仍然应该在服务层。
@Builder
function RecoveryActionStateNotice(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。以后再加列表页、设置页、恢复页或发布回归,也不用围绕 RecoveryActionState 复制判断条件。
结构收口:从源码到验证只走一条线

恢复入口 的结构图要能互相对应:源码锚点证明当前事实,RecoveryActionState 描述新增边界,服务规则决定提交方式,验证点证明 rawfile 缺失时展示明确错误,不进入空首页。 没有被吞掉。
验证路径:成功和失败都要跑
| 序号 | 验证点 |
|---|---|
| 1 | rawfile 缺失时展示明确错误,不进入空首页。 |
| 2 | PreferencesStore 初始化失败时,重试按钮可用。 |
| 3 | 恢复默认牌组成功后 currentDeckId 指向默认牌组。 |
| 4 | 恢复失败后保留错误信息,不能静默关闭页面。 |
Write-Host "查看 恢复入口 的源码锚点"
rg -n "catch\ \(e\)|RecoveryActionState" "D:\ProgramData\huawei\lesson\The_Book_of_Answers\entry\src\main\ets\services\SeedLoader.ets"
Write-Host "查看相关状态字段"
rg -n "errorCode|canRetry|canRestoreSeed|AppStorageKey|AppPrefKey|StorageLink|updatedAt" "D:\ProgramData\huawei\lesson\The_Book_of_Answers"
这些命令只能检查 恢复入口 的源码落点和关键字段,不代表已经完成真机交互。涉及 rawfile 缺失时展示明确错误,不进入空首页。 这种场景时,还需要在 DevEco/设备侧补完整流程验证。
负向回归:恢复入口 要故意跑坏一次
只跑成功路径很容易误判。恢复入口 至少要准备一组负向样本,让服务层证明它会拒绝错误输入,而不是靠页面刚好没有触发问题。
| 负向样本 | 期望反应 | 说明 |
|---|---|---|
缺少 errorCode |
返回明确原因,不写仓储 | 验证主输入不是默认通过 |
触发 启动白屏 |
保留当前页面状态 | 验证失败分支不会静默返回 |
模拟 只重试没跑 SeedLoader |
页面显示下一步动作 | 验证用户能继续处理 |
| 重复执行提交 | 结果保持一致 | 验证服务闸门能承受重进 |
async function runNegativeArticle88(state: RecoveryActionState): Promise<string> {
const result: RecoveryActionStateResult = await commitRecoveryActionState(state);
if (result.ok) {
return 'unexpected success';
}
return result.reason;
}
这组负向样本能把 恢复入口 从“看起来能用”推进到“失败时也能解释”。写文章时把这部分放出来,读者才能按自己的工程复现。
常见问题:先定位断点
| 现象 | 常见原因 | 优先检查 |
|---|---|---|
| 启动白屏 | 初始化异常只写日志 | EntryAbility 跳转恢复页 |
| 恢复后仍空列表 | 只重试没跑 SeedLoader | 恢复默认调用种子加载 |
| 错误看不懂 | 没有分类 | 把异常映射为 errorCode |
遇到 恢复入口 的异常时不要先改样式。先确认是哪一层没有交接:页面是否保留 errorCode,服务是否统一处理规则,仓储或配置是否留下旧值,运行时信号是否发出。
落地顺序:先最小闭环,再补体验
- 在
entry/src/main/ets/services/SeedLoader.ets附近确认当前链路,避免改错文件。 - 增加
RecoveryActionState或等价状态模型,字段只保留能解释失败的部分。 - 把
恢复入口的规则放到服务层,页面只展示原因和下一步动作。 - 跑成功路径和失败路径,特别是
rawfile 缺失时展示明确错误,不进入空首页。。
const regressionForArticle88: string[] = [
'rawfile 缺失时展示明确错误,不进入空首页。',
'PreferencesStore 初始化失败时,重试按钮可用。',
'恢复默认牌组成功后 currentDeckId 指向默认牌组。'
];
收口
恢复入口 的处理方法可以压成一句话:EntryAbility 捕获初始化失败,RecoveryPage 展示恢复动作,SeedLoader 继续负责数据修复。 当前工程已经有可依赖的源码基础,文章里的新增接口和函数属于建议补强;真正落地时,优先保持 owner 清楚,再补页面反馈。
| 结论 | 内容 | 边界 |
|---|---|---|
| 可以直接复用 | SeedLoader 在异常时会记录日志并继续把错误抛给上层。 | entry/src/main/ets/services/SeedLoader.ets |
| 建议新增 | RecoveryActionState | 恢复页不直接写牌组数据,恢复默认牌组仍调用 SeedLoader/ResetService。 |
| 暂不声明 | 真机行为、CSDN 上传、发布结果 | 没有实际执行就不写成已完成 |
| owner 清楚,再补页面反馈。 |
| 结论 | 内容 | 边界 |
|---|---|---|
| 可以直接复用 | SeedLoader 在异常时会记录日志并继续把错误抛给上层。 | entry/src/main/ets/services/SeedLoader.ets |
| 建议新增 | RecoveryActionState | 恢复页不直接写牌组数据,恢复默认牌组仍调用 SeedLoader/ResetService。 |
| 暂不声明 | 真机行为、CSDN 上传、发布结果 | 没有实际执行就不写成已完成 |
更多推荐


所有评论(0)