HarmonyOS 鸿蒙Next 系统浏览器h5页面拉起app

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 系统浏览器h5页面拉起app 手机自带浏览器加载h5页面，怎样在h5页面实现拉起app的操作

  1. 目前android、ios h5页面通过加载schemeName://path拉起app，app定义scheme

  2. 鸿蒙是否可以同样操作？目前测试h5代码未改动，在鸿蒙module.json5文件的skills添加如下配置：

{
  "uris": [
    {
      "scheme": "schemeName"
    },
    {
      "scheme": "schemeName"
    }
  ]
}
  1. 执行scheme跳转，弹框提示“无法打开此链接，可前往应用市场查找更多应用”

更多关于HarmonyOS 鸿蒙Next 系统浏览器h5页面拉起app的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

浏览器支持Deeplink链接的打开能力。应用想要响应Deeplink拉起，需要注册viewData action和scheme+host，这样才能匹配到。如果有多个应用注册了相同的scheme+host，就会拉起应用选择框，让用户选择某个应用。

"skills": [
      {
        ...
        "actions": [
          "ohos.want.action.viewData" // 声明Deeplink接收的Action，这个是固定的
          ...
        ],
        "uris": [
          {
            "scheme": "store",  // scheme尽量做到唯一 ,仅设置此协议头就可以跳转
            "host": "test.xxx.com" // host不与其他应用相同，这样可以减少冲突
          }
          ...
        ]
        ...
      }
    ]

需要注意deeplink链接的scheme协议头必须网页拉起的链接的应用配置的保持一致。

另外浏览器不会对deeplink链接做任何解析或处理，只会原封不动的传递给拉起的应用。因此第三方应用只需要自己的网页端和应用端协商好url规则，自己去做解析打开对应页面即可

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>测试页面</title>
    <script>
        function goToLink() {
            window.open('store://appgallery.huawei.com/app/detail?id=C1229502635594278976')
        }
    </script>
</head>
<body>
<div align="center">
    <button type="button" id="btn_navi" onclick="goToLink()">跳转应用市场</button>
</div>
</body>
</html>

更多关于HarmonyOS 鸿蒙Next 系统浏览器h5页面拉起app的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对帖子标题“HarmonyOS 鸿蒙Next 系统浏览器h5页面拉起app”的问题，以下是专业且直接的回答：

在HarmonyOS鸿蒙Next系统中，若要实现从浏览器h5页面拉起app的功能，通常需要通过URL Scheme或Intent URI的方式来实现。开发者需要在App中预先定义好能够被识别的URI格式，并在h5页面中通过特定的链接触发这一机制。

具体步骤如下：

  1. App端配置：在鸿蒙App的开发过程中，设置一个特定的URI Scheme或Intent URI，该URI将作为App的唯一标识符，用于在浏览器中识别并拉起App。

  2. h5页面实现：在h5页面中，编写一个链接，该链接的href属性设置为上述配置好的URI。当用户点击这个链接时，系统会检查该URI对应的App是否已安装。

  3. 拉起逻辑：若App已安装，系统会直接拉起该App，并根据URI中携带的参数执行相应的操作。若App未安装，系统通常会提示用户下载或跳转到App Store。

请注意，这一功能的实现依赖于鸿蒙系统的权限管理和URL Scheme的注册机制。开发者需要确保App的权限配置正确，且URI Scheme在系统中是唯一的。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部