HarmonyOS应用实战-启示散页-23-页面回到前台还是旧题库:分清 Ability 生命周期和页面刷新 owner
这一组文章继续围绕The_Book_of_Answers展开。它不是一次性页面 Demo,而是一个小型 HarmonyOS 离线应用:默认题库从 rawfile 播种,题库、收藏、历史写进 Preferences,抽取流程经过 DrawingPage,发布前还要说明隐私、备份、包体和日志口径。
轻量应用最容易被误判为“页面写完就结束”。实际交付时,真正拖慢排障的通常不是某个 ArkUI 组件,而是状态从哪里来、数据由谁写、页面靠什么刷新、异常能不能恢复。下面每篇只拆一个问题,并尽量把它落到答案之书已有的页面、Service、Repository、AppStorage、资源或发布配置边界上。
这篇文章解决四件事:
- 复盘
页面回到前台还是旧题库在答案之书项目里怎么出现。 - 把
分清 Ability 生命周期和页面刷新 owner落到页面、Service、Repository 和 AppStorage 的具体边界。 - 给出能迁移到 HarmonyOS/ArkTS 项目的代码形态,并指出反例。
- 用验证清单和排障表收尾,避免只看源码不看实际入口。
1. 从故障链路看:页面回到前台还是旧题库
答案之书没有网络,但前后台切换仍然会遇到旧状态:用户从系统设置回来、备份恢复后回来、从分享面板回来,页面上的当前题库或收藏数可能已经不是最新。 这个问题如果只在当前页面补一个判断,短期可能能跑,但下一次从历史、收藏、分享或恢复入口进入时,同样的问题还会出现。先把故障链路写出来,才能知道该修页面、服务还是持久层。
触发点:页面回到前台还是旧题库 错误写法:页面直接判断或直接读写持久化数据 放大后果:返回重进、前后台切换、删除/恢复、发布排查都会看到旧状态 收口位置:ForegroundRefreshCenter 处理业务规则,HomePage 只消费结果态 刷新方式:业务动作成功后写 AppStorageKey.LastForegroundAt2. 先把边界表写清楚
Ability 生命周期只适合发一个轻量信号,不应该直接操作页面栈或读题库。各页面根据自己的 owner 重新加载对应数据。 这张表的作用是防止后面写代码时顺手越界。尤其是答案之书这种本地应用,很多问题看起来都能在页面里临时解决,但页面一旦知道太多存储细节,发布后的排障成本会明显升高。
| 层级 | 在这篇里的职责 | 不应该做的事 |
|---|---|---|
HomePage | 展示、点击、跳转、订阅刷新信号 | 直接拼 Preferences key 或修复脏数据 |
ForegroundRefreshCenter | 校验输入、组装ForegroundRefreshSignal、决定空态和恢复路径 | 持有 ArkUI 组件状态 |
AppRepository | 稳定读写本地实体和索引 | 判断页面怎么展示 |
AppStorage | 传递AppStorageKey.LastForegroundAt这类轻量刷新信号 | 保存完整业务对象 |
3.ForegroundRefreshSignal只表达页面结果,不照搬存储实体
ForegroundRefreshSignal是给HomePage消费的结果模型,不是 Preferences 里的原始结构。这样做的好处是:Repository 可以继续按本地存储优化字段,页面仍然拿到稳定、可渲染、可判断动作的结果。
interfaceForegroundRefreshSignal{foregroundAt:number;reason:'resume'|'shareReturn'|'settingsReturn';handledBy?:string;}4.ForegroundRefreshCenter才是规则 owner
ForegroundRefreshCenter负责把AppRepository读出的数据转成页面能用的结果。空值、损坏、回退和默认值都应该在这一层处理,页面不需要知道底层为什么缺字段。
classForegroundRefreshCenter{asyncload(deckId:string):Promise<ForegroundRefreshSignal>{constsignal:ForegroundRefreshSignal={foregroundAt:Date.now(),reason};awaitAppRepository.saveForegroundSignal(signal);AppStorage.setOrCreate(AppStorageKey.LastForegroundAt,signal.foregroundAt);}}5.HomePage不直接碰持久化
HomePage的职责应该保持轻:进入时加载,收到信号时重载,用户点击时发起明确动作。这样页面不会同时背上 Preferences、业务规则、错误恢复和发布排查四种职责。
@Componentstruct HomePage{@StateprivateforegroundRefreshSignal:ForegroundRefreshSignal|null=null;@StorageLink('lastForegroundAt')@Watch('reload')privatechangedAt:number=0;privatecurrentDeckId:string='';asyncaboutToAppear():Promise<void>{awaitthis.reload();}privateasyncreload():Promise<void>{constdeckId:string=BookRouteGuard.requireDeckParam({deckId:this.currentDeckId});this.foregroundRefreshSignal=awaitnewForegroundRefreshCenter().load(deckId);}}6. 反例:把所有逻辑塞回页面会怎样
这个反例在第一版开发时很常见,因为写起来快;但它把题库读取、空态判断、展示模型转换和刷新信号都揉在组件里。后续一旦增加 Sheet、深链、恢复页或平板布局,就会出现多个入口行为不一致。
// 反例:页面同时知道数据结构、业务规则和刷新方式constdeck=awaitAppRepository.loadDeck(this.currentDeckId);if(deck===null){promptAction.showToast({message:'暂无数据'});return;}this.foregroundRefreshSignal=deckasunknownasForegroundRefreshSignal;AppStorage.setOrCreate(AppStorageKey.LastForegroundAt,Date.now());7. 刷新信号只写AppStorageKey.LastForegroundAt,不要广播完整对象
AppStorageKey.LastForegroundAt是运行期联动,不是数据仓库。业务动作成功后只写一个时间戳,页面收到后再按自己的 owner 重拉数据,可以避免跨页面共享可变对象。
classBookRefreshCenter{staticnotifyForegroundRefreshSignalChanged():void{AppStorage.setOrCreate(AppStorageKey.LastForegroundAt,Date.now());}staticasyncafterBusinessAction(action:()=>Promise<void>):Promise<void>{awaitaction();this.notifyForegroundRefreshSignalChanged();}}8. 入口参数要先校验,再进入业务
答案之书的入口不只首页一个:历史再次提问、收藏再次提问、分享导入、恢复页都可能进入RouteName.Home。目标页先校验参数,错误进入可恢复路径,不要让空 deckId 流到 Service 深处才爆出难懂异常。
classBookRouteGuard{staticrequireDeckParam(param:object|undefined):string{constdeckId=(paramasRecord<string,string>|undefined)?.deckId??'';if(!deckId){thrownewError('缺少题库 id,不能进入 RouteName.Home');}returndeckId;}}9. 排查命令围绕 owner 搜,不围绕页面猜
排查时不要只盯着出问题的 UI。先搜 Service、模型、刷新信号,再看页面是否绕过了 owner。这样可以分清是数据没写、结果没组装,还是页面没订阅刷新。
rg-n"ForegroundRefreshCenter|ForegroundRefreshSignal|AppStorageKey.LastForegroundAt"D:\ProgramData\huawei\lesson\The_Book_of_Answers rg-n"RouteName.Home|HomePage"D:\ProgramData\huawei\lesson\The_Book_of_Answers rg-n"AppRepository|AppStorage.setOrCreate"D:\ProgramData\huawei\lesson\The_Book_of_Answers10. 验证要覆盖正常路径和损坏路径
从分享面板返回、切系统深色模式返回、后台停留后返回,确认 HomePage、DeckListPage、FavoritePage 都只刷新自己拥有的数据。
建议至少按这四组走:
- 清应用数据后的首次进入。
- 有自建题库、收藏和历史后的返回重进。
- 手工制造空值、重复值或损坏数据后的恢复路径。
- 发布态检查日志和截图,确认没有把用户问题、答案全文或题库全文暴露出去。
验收口径: 1. 正常入口可用。 2. 异常入口有提示或恢复页。 3. 返回重进不显示旧数据。 4. AppStorageKey.LastForegroundAt 变化后只刷新对应 owner。 5. 发布态不输出敏感明文。11. 落地时的取舍
这里没有把分清 Ability 生命周期和页面刷新 owner做成很重的框架能力,是因为答案之书的核心仍然是离线、轻量、可维护。过度抽象会让一个小功能穿过太多层;完全写在页面里,又会让数据修复、备份恢复、发布排障没有稳定入口。比较合适的取舍是:用户内容、持久化结构、跨页面刷新和发布自查进入 Service 或 Repository;只影响当前视觉节奏的内容留在页面。
适合抽出去: - ForegroundRefreshSignal - ForegroundRefreshCenter - AppStorageKey.LastForegroundAt 不急着抽出去: - 当前页面的一次性动画状态 - 只影响局部样式的临时 UI 变量 - 不跨页面复用的按钮交互12. 常见问题与处理
| 现象 | 先看哪里 | 处理 |
|---|---|---|
| 回前台页面旧 | LastForegroundAt 是否变化 | Ability onForeground 写信号 |
| 前台刷新太重 | 是否所有页面全量读 | 每页只重拉自己的数据 |
| 生命周期里操作页面 | EntryAbility 是否引用页面状态 | Ability 只写 AppStorage 信号 |
复查顺序: 1. AppRepository 是否返回可信数据。 2. ForegroundRefreshCenter 是否统一处理空值和异常。 3. HomePage 是否绕过 Service。 4. AppStorageKey.LastForegroundAt 是否在业务动作成功后写入。 5. 发布态日志是否隐藏用户输入和答案全文。验证清单
- 清应用数据后进入
HomePage,确认默认题库、页面状态和刷新信号都能闭环。 - 从首页、Sheet、历史、收藏、分享或恢复入口触发一次,确认
RouteName.Home的参数校验稳定。 - 手工制造空值、重复数据或损坏数据,确认错误停在
ForegroundRefreshCenter或恢复页,而不是让页面崩掉。 - 触发业务动作后观察
AppStorageKey.LastForegroundAt,确认只有相关页面重拉数据,没有全局乱刷新。 - 如果涉及主题、资源、布局、隐私或发布态,必须用真机截图、构建产物或发布清单补充确认。
小结
页面回到前台还是旧题库:分清 Ability 生命周期和页面刷新 owner不是一个孤立 API 问题,而是答案之书这种离线应用在长期维护里一定会遇到的边界问题。把ForegroundRefreshSignal、ForegroundRefreshCenter、AppRepository、HomePage和AppStorageKey.LastForegroundAt分清以后,项目继续扩展题库、收藏、历史、分享、恢复和发布诊断时,才不会把每个入口都写成一次性的临时逻辑。
不是一个孤立 API 问题,而是答案之书这种离线应用在长期维护里一定会遇到的边界问题。把ForegroundRefreshSignal、ForegroundRefreshCenter、AppRepository、HomePage和AppStorageKey.LastForegroundAt分清以后,项目继续扩展题库、收藏、历史、分享、恢复和发布诊断时,才不会把每个入口都写成一次性的临时逻辑。