应用接续让用户在手机/平板/车机间切换应用时,实现任务无缝迁移。本文解析核心API与实战流程,助你打造跨设备协同体验~
一、接续能力:多设备的「任务接力赛」
核心概念
- 分布式状态同步:通过软总线同步应用数据与界面状态
- 迁移三要素:源设备保存数据→传输→目标设备恢复
典型场景
| 场景 | 接续效果 |
|---|
| 手机→平板阅读 | 浏览器页面滚动位置、书签同步 |
| PC→车机导航 | 地图路线、目的地参数无缝迁移 |
| 平板→手表待办事项 | 任务进度、提醒设置实时同步 |
二、核心API实战解析
1. 源端数据准备:onContinue()
export default class SourceAbility extends UIAbility {
onContinue(wantParam: Record<string, any>) {
const targetVersion = wantParam.version || 0;
if (targetVersion < 2.0) {
return AbilityConstant.OnContinueResult.MISMATCH;
}
wantParam['editorContent'] = this.currentText;
wantParam['scrollPos'] = this.scrollY;
return AbilityConstant.OnContinueResult.AGREE;
}
}
2. 目标端恢复:onCreate()
export default class TargetAbility extends UIAbility {
onCreate(want: Want, launchParam: any) {
if (launchParam.launchReason === 'CONTINUATION') {
const content = want.parameters?.editorContent || '';
const scrollPos = want.parameters?.scrollPos || 0;
this.setText(content);
this.setScroll(scrollPos);
}
}
}
3. 单实例适配:onNewWant()
onNewWant(want: Want, launchParam: any) {
if (launchParam.launchReason === 'CONTINUATION') {
const data = want.parameters?.migrationData;
this.updateData(data);
}
}
三、接续流程优化策略
1. 数据传输优化
const diff = calculateDiff(oldData, newData);
wantParam['deltaData'] = diff;
const compressed = await zipFile(bigData);
wantParam['compressedData'] = compressed;
2. 异常处理矩阵
| 异常类型 | 解决方案 |
|---|
| 网络中断 | 本地缓存数据,网络恢复后自动续传 |
| 设备离线 | 提示用户设备状态,提供备选设备列表 |
| 数据格式不兼容 | 版本协商机制,自动转换数据格式 |
四、实战案例:文档编辑接续
1. 源端(手机)保存逻辑
onContinue(wantParam) {
wantParam['docContent'] = this.editor.getContent();
wantParam['cursorPos'] = this.editor.getCursor();
wantParam['formatStyle'] = this.editor.getStyle();
}
2. 目标端(平板)恢复逻辑
onCreate(want) {
if (isContinuation(want)) {
const content = want.parameters.docContent;
const pos = want.parameters.cursorPos;
this平板编辑器.setContent(content);
this平板编辑器.setCursor(pos);
}
}
总结:接续开发三原则
- 数据最小化:只传输必要状态,避免冗余数据
- 兼容性优先:版本协商机制确保新旧设备无缝衔接
- 容错设计:网络波动、设备离线等异常场景的兜底方案