HarmonyOS鸿蒙Next中如何在H5页面里面拉起App Gallery

HarmonyOS鸿蒙Next中如何在H5页面里面拉起App Gallery？

5 回复

【背景知识】

拉起应用市场，跳转至应用详情界面，可以通过Deep Linking链接和App Linking两种方式实现。

【解决方案】

  • Deep Linking 构造拼接bundleName的DeepLink链接，其中bundleName为需要打开的应用包名，其格式为：
store://appgallery.huawei.com/app/detail?id= + bundleName

在网页中打开DeepLink链接拉起应用市场应用详情页示例代码：

<html lang="en">
  <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <div>
      <button type="button" onclick="openDeepLink()">拉起应用详情页</button>
    </div>
  </body>
</html>
<script>
  function openDeepLink() {
    window.open('store://appgallery.huawei.com/app/detail?id=com.xxxx.xxxx')
  }
</script>

在AppGallery Connect中使用“应用下载直达”功能，配置基于Deep Linking实现的图章链接，关联DeepLink，快速生成H5链接或二维码，用户通过点击H5链接或扫描二维码，即可拉起应用市场并跳转至应用详情，方便开发者推广应用。

  • App Linking 构造拼接bundleName的App Linking链接，其中bundleName为需要打开的应用包名，其格式为：
https://appgallery.huawei.com/app/detail?id= + bundleName

在网页中打开App Linking链接的示例代码：

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>跳转示例</title>
  </head>
  <body>
    <a href='https://appgallery.huawei.com/app/detail?id=bundleName'>AppLinking跳转示例</a>
  </body>
</html>

更多关于HarmonyOS鸿蒙Next中如何在H5页面里面拉起App Gallery的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


1

H5拉起应用可以参考 https://developer.huawei.com/consumer/cn/doc/best-practices-V5/bpta-web-app-jump-and-pull-up-V5

startAbility使用： https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-inner-application-uiabilitycontext-V13#uiabilitycontextstartability

在HarmonyOS鸿蒙Next中，可以通过使用ohos.agconnect.applinking模块的AppLinking功能在H5页面中拉起App Gallery。首先，在H5页面中嵌入AppLinking的URL，用户点击该URL时，系统会尝试打开App Gallery。如果设备上已安装App Gallery，则直接打开；如果未安装，则会跳转到应用市场进行下载。

在HarmonyOS Next的H5页面中拉起App Gallery，可以通过以下方案实现：

  1. 使用Deep Link方案：
  • 在H5页面中添加跳转链接：
<a href="appmarket://details?id=你的应用包名">打开App Gallery</a>

或使用JavaScript跳转：

window.location.href = "appmarket://details?id=你的应用包名";
  1. 使用Intent方案（适用于更复杂的场景）：
// 检查是否安装App Gallery
if (navigator.userAgent.indexOf('HarmonyOS') > -1) {
    window.hwintent.startActivity({
        action: "android.intent.action.VIEW",
        uri: "appmarket://details?id=你的应用包名"
    });
}

注意事项：

  • 确保目标设备已安装App Gallery
  • 需要提前申请相关权限
  • 不同版本的HarmonyOS可能有细微差异

如果App Gallery未安装，建议添加备用跳转方案或提示用户安装。

回到顶部