【HarmonyOS 5】App Linking 应用间跳转详解

目录

[什么是 App Linking](#什么是 App Linking)

使用场景

工作原理

如何开发

[1.开通 App Linking](#1.开通 App Linking)

2.确定域名

[3.服务端部署 applinking.json 文件](#3.服务端部署 applinking.json 文件)

4.AGC绑定域名

5.项目配置

6.组装聚合链接

7.解析聚合链接中的参数

其他

如何获取应用ID


什么是 App Linking

App Linking 是一款创建跨平台的深度聚合链接。通过为用户提供无缝的内容浏览体验,提升用户转化率。

  • 若用户已安装应用,点击点击链接后将直达应用内指定页面。
  • 若未安装,且已配置跳转应用市场,则跳转应用市场进行下载,待安装完成后用户首次打开应用,仍将跳转至该页面。如果未配置跳转应用市场,则自动打开浏览器加载对应的网页内容。

链接分享 扫码直达

使用场景

扫码直达、短信链接直达、社交平台卡片分享等场景。

工作原理

如何开发

开发前注意事项:使用 App Linking 需使用手动生成签名,自动签名将无法启动应用。

1.开通 App Linking

  • 登录AppGallery Connect,点击"我的项目"。

  • 在项目列表中打开对应项目。

  • 在左侧导航栏中选择"增长 > App Linking",进入App Linking页面,点击"立即开通"。

2.确定域名

在配置前需确定域名,并确保域名完成https配置且能正常访问,后续在 AGC 与项目中需进行相关配置。

3.服务端部署 applinking.json 文件

在服务端部署 applinking.json 文件至指定目录,这里我们手动创建即可,确保能通过我们配置的域名地址:https://域名/.well-known/applinking.json 访问到 applinking 配置,如何获取应用ID可查看文章末尾。

javascript 复制代码
{
    "applinking": {
        "apps": [
            {
                "appIdentifier": "你的应用id"
            }
        ]
    }
}

4.AGC绑定域名

在第 1 步开通 App Linking 后,选择"应用链接-创建",填入域名地址进行发布,发布后,若第 3 步的配置文件可正常访问,等待几分钟后看到"成功"状态,则代表域名配置成功。若出现其他错误状态,需检查配置文件是否可被访问。

5.项目配置

进入项目的 entry 模块下的 module.json5 文件,新增 App Linking 的 skills 配置。

示例代码:

javascript 复制代码
{
  "entities": [
    // entities必须包含"entity.system.browsable"
    "entity.system.browsable"
  ],
  "actions": [
    // actions必须包含"ohos.want.action.viewData"
    "ohos.want.action.viewData"
  ],
  "uris": [
    {
      // scheme须配置为https
      "scheme": "https",
      // host须配置为关联的域名,替换为你AGC配置的域名
      "host": "www.eeeo.cc",
      // path可选,表示域名服务器上的目录或文件路径,例如www.example.com/path1中的path1
      // 如果应用只能处理部分特定的path,则此处应该配置应用所支持的path,避免出现应用不能处理的path链接也被引流到应用中的问题,替换为你的二级path,用于精确分流
      "path": "share"
    }
  ],
  // domainVerify须设置为true
  "domainVerify": true
}

6.组装聚合链接

上述配置中,path用于精确分流,可用于指定二级地址,当前项目中配置的path为share,即当我们在鸿蒙设备中点击链接 https://www.eeeo.cc/share 后会优先启动应用,当我们需要传递参数时,可使用 ? + & 的形式拼接 KeyValue 即可。

html 复制代码
https://www.eeeo.cc/share?pageId=2025&channel=web

7.解析聚合链接中的参数

通过聚合链接启动应用后,参数会进入到 Ability 的 onCreate 生命周期的 Want.uri 中,若应用已经启动,则会进入到 onNewWant 生命周期的 Want.uri 中。此时我们解析 uri 中的 KeyValue 即可。

示例代码如下:

javascript 复制代码
import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
import { url } from '@kit.ArkTS';

export default class EntryAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    // 从want中获取传入的链接信息。
    // 如传入的url为:https://www.example.com/programs?action=showall
    let uri = want?.uri 
    if (uri) {
      // 从链接中解析query参数,拿到参数后,可根据自己的业务需求进行后续的处理。
      let urlObject = url.URL.parseURL(want?.uri);
      let pageId = urlObject.params.get('pageId')
      let channel= urlObject.params.get('channel')      
    }
  }
}

其他

如何获取应用ID

登录AppGallery Connect,点击"我的项目",若已创建项目,可直接在首页查看到应用ID。若未创建项目,手动创建后则会自动生成。

相关推荐
2501_919749031 小时前
华为鸿蒙免费记账与生活统计APP—小羊统计
华为·生活·harmonyos·鸿蒙
Fate_I_C1 小时前
Capacitor 应用鸿蒙化实战:用 hionic 把 React 应用跑在 OpenHarmony 上
react.js·华为·harmonyos
SuperHeroWu72 小时前
华为云码道接入 DevEco CLI 鸿蒙应用开发AICoding
华为·华为云·harmonyos
ChinaDragonDreamer3 小时前
HarmonyOS:User Authentication Kit简介
华为·harmonyos
m0_738185823 小时前
Flutter 鸿蒙化实战:qrcode_flutter 适配 OpenHarmony,二维码生成与识别
数码相机·flutter·华为·harmonyos·鸿蒙
万物智能信息科技3 小时前
血氧心跳传感器MAX30100芯片驱动开发—【万物智能之开源鸿蒙OpenHarmony系统实战开发系列教程】
人工智能·驱动开发·华为·开源·harmonyos·鸿蒙
老陈说编程3 小时前
1. 鸿蒙 (HarmonyOS) 2012 至 2026 年的发展历程
分布式·华为·个人开发·harmonyos·鸿蒙·鸿蒙系统·程序员创富
m0_738185824 小时前
Flutter 鸿蒙化实战:open_app_settings 适配 OpenHarmony,一键跳转系统设置
flutter·华为·harmonyos·鸿蒙
Fate_I_C4 小时前
拆解一个鸿蒙化插件:CPF-Ionic 是如何把 43 个 Capacitor 插件搬上 OpenHarmony 的
华为·harmonyos
m0_738185824 小时前
Flutter 鸿蒙化实战:qr_code_scanner 适配 OpenHarmony,相机扫码实时识别
数码相机·flutter·华为·harmonyos·鸿蒙