【OpenHarmony/HarmonyOs 】元服务聚合入口实战:使用 Want 拉起 Ability 与 URI

前言

HarmonyOS 应用不仅能打开网页,还可以通过 Want 描述一次跨组件或跨应用请求。对于“数字生活入口”类应用,元服务聚合页可以统一展示服务名称、分类、支持设备和入口信息,再按实际参数选择拉起方式。⚡

本文基于 LinkOS 链界的 MiniAppPage,介绍数据建模、搜索筛选、Want 构造和失败反馈。需要注意:能否真正拉起目标服务,取决于对接方提供的合法 bundleName、abilityName、moduleName、URI、appId,以及系统可见性和授权配置。

一、为元服务入口建立模型

interface AtomicServiceItem {
  id: string;
  name: string;
  description: string;
  categoryId: string;
  platformTags: string[];
  bundleName?: string;
  abilityName?: string;
  moduleName?: string;
  entranceUrl: string;
  appId?: string;
}

模型兼容两种入口:

  • 明确组件入口:bundleName + abilityName + moduleName
  • URI 入口:由目标服务平台提供的 entranceUrl

platformTags 用于展示手机、平板、车机、手表等设备标签,但标签只是产品信息,不代表当前设备一定能拉起。真正能力仍要以系统解析 Want 的结果为准。

二、分类与关键词组合筛选

private filteredServices(list: AtomicServiceItem[]): AtomicServiceItem[] {
  const keyword = this.query.trim();
  const filtered: AtomicServiceItem[] = [];

  for (let i = 0; i < list.length; i += 1) {
    const item = list[i];
    if (this.activeCategoryId !== 'all' &&
        item.categoryId !== this.activeCategoryId) {
      continue;
    }
    if (keyword &&
        !item.name.includes(keyword) &&
        !item.description.includes(keyword)) {
      continue;
    }
    filtered.push(item);
  }
  return filtered;
}

筛选顺序先分类、后关键词,逻辑直观。数据规模较小时,在构建阶段计算即可;规模变大后应缓存标准化字段,并避免每次 UI 刷新都重复遍历全部数据。

三、获取 UIAbilityContext

调用 startAbility() 需要 Ability 上下文:

const hostContext = this.getUIContext().getHostContext();
if (!hostContext) {
  AlertDialog.show({
    title: '拉起失败',
    message: '未获取到宿主上下文,无法拉起元服务。',
    confirm: { value: '确定', action: () => {} }
  });
  return;
}
const ctx = hostContext as common.UIAbilityContext;

不要直接假定上下文一定存在。组件预览、特殊宿主或生命周期切换都可能导致空值,提前处理能避免运行时异常。

四、使用显式 Want 拉起组件

当对接方提供完整组件信息时,可以构造显式 Want:

const want: Want = {
  bundleName: item.bundleName,
  abilityName: item.abilityName,
  moduleName: item.moduleName,
  parameters: {
    appId: item.appId,
    entranceUrl: item.entranceUrl
  }
};

ctx.startAbility(want);

显式 Want 精确指定目标组件,适合双方已达成稳定协议的场景。参数名称、类型和含义必须与目标 Ability 约定一致,不能仅凭字段名猜测。

五、使用 URI 交给系统解析

只有入口 URI 时,可以构造 URI Want:

const wantByUri: Want = {
  uri: item.entranceUrl,
  parameters: params
};
ctx.startAbility(wantByUri);

系统会尝试找到能够处理该 URI 的目标。正式实现要先限制允许的 Scheme,并对外部输入进行校验。绝不能让任意用户输入未经检查就变成跨应用 Want。

六、异步错误必须正确捕获

startAbility() 是异步能力。工程中若只用同步 try/catch 而不 await,Promise 拒绝可能无法在预期位置捕获。推荐将方法定义为 async:

private async launchAtomicService(item: AtomicServiceItem): Promise<void> {
  try {
    await ctx.startAbility(want);
  } catch (error) {
    const err = error as BusinessError;
    AlertDialog.show({
      title: '拉起失败',
      message: `错误码:${err.code}${err.message}`,
      confirm: { value: '确定', action: () => {} }
    });
  }
}

错误码可以帮助区分目标不存在、参数错误、权限不足等问题。面向用户的提示应简洁,详细错误可写入 hilog,但日志中不要输出敏感参数。

七、动态添加入口

页面还提供表单,让用户录入名称、组件信息、入口链接和 appId,并将新对象追加到状态数组:

const newItem: AtomicServiceItem = {
  id: Date.now().toString(),
  name: this.newName.trim(),
  description: '自定义元服务入口',
  bundleName: this.newBundleName.trim(),
  abilityName: this.newAbilityName.trim(),
  moduleName: this.newModuleName.trim(),
  entranceUrl: this.newEntranceUrl.trim(),
  appId: this.newAppId.trim(),
  categoryId: 'custom',
  platformTags: ['custom']
};
this.services = [...this.services, newItem];

当前只是内存追加,应用重启后不会保留。要形成完整功能,应增加字段组合校验、Preferences/RDB 持久化、编辑删除和导入导出。

八、适配多设备的 UI 思路

元服务天然强调多设备。页面可以在手机使用两列 Grid,在平板和 2in1 使用更多列;同时根据窗口宽度调整卡片内容密度,而不是简单放大。

卡片应清楚展示:服务名称、能力说明、支持设备、来源与可用状态。若当前设备无法处理 Want,最好提前显示不可用,而不是等点击后才报错。

九、总结

元服务聚合的关键是“入口元数据 + Want 协议 + 能力探测 + 失败反馈”。UI 卡片只是表层,真正落地必须拿到服务方提供的准确入口信息,并正确处理异步错误、Scheme 白名单和设备差异。完成这些边界后,应用才能从网页导航升级为鸿蒙生态的统一入口。🚀

img

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐