HarmonyOS 鸿蒙Next h5下载页面跳转到应用或者应用市场

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

HarmonyOS 鸿蒙Next h5下载页面跳转到应用或者应用市场

目前我们这边受限无法使用applink，想问下：
1. 如何在浏览器中判断是纯血鸿蒙环境
2. h5如何跳转到我们appgallery的页面
3.我们的h5正常通过在module.json5配置scheme也是可以实现唤起app的效果吧 

Harmonyos Next教程
2 回复

字段信息参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-useragent-V5

  通过User-Agent的里ArkWeb字段来区分，单框架鸿蒙系统有ArkWeb字段，没有ArkWeb字段双框架鸿蒙系统。

获取User-Agent参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-webview-V13#getuseragent

跳转可参考：

import web_webview from '[@ohos](/user/ohos).web.webview';

import { common, Want } from '[@kit](/user/kit).AbilityKit';

class NaviAppStore {

  constructor() { }

  jumpAgcDetailPage() {

    const want: Want = {

      //C后加入对应的id

      uri: `store://appgallery.huawei.com/app/detail?id=C5765880207853409097`

      // uri: `store://appgallery.huawei.com/`

      // 跳转拉起应用市场APP首页

      }

      const context = getContext(this) as common.UIAbilityContext;

    context.startAbility(want).then(() => {

      console.log('jumpAgcDetailPage 拉起成功 APP的下载页面');

    }).catch(() => {

      console.log('jumpAgcDetailPage 拉起失败');

    })

  }

}

[@Entry](/user/Entry)

[@Component](/user/Component)

struct WebPage {

  controller: web_webview.WebviewController = new web_webview.WebviewController()

  [@State](/user/State) naviApp:NaviAppStore = new NaviAppStore()

  build() {

    Row() {

      Column() {

        Web({ src: $rawfile("index.html"), controller: this.controller })

          .javaScriptProxy({ object: this.naviApp, name: "naviApp", methodList: ["jumpAgcDetailPage"], controller: this.controller })

      } .width('100%') } .height('100%')

  }

}

~~~

~~~

<!-- index.html -->

<!DOCTYPE html>

<html>

<body>

<button type="button" onclick="callArkTS()">Click Me!</button>

<p id="demo"></p>

<script>

    function callArkTS() { let str = naviApp.jumpAgcDetailPage(); }

</script>

</body>

</html>

更多关于HarmonyOS 鸿蒙Next h5下载页面跳转到应用或者应用市场的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next系统中，实现H5页面跳转到应用或应用市场，主要依赖于系统提供的跳转接口和URL Scheme。以下是实现该功能的简要说明：

  1. URL Scheme跳转：

    • 在H5页面中，使用<a>标签或JavaScript的window.location.href来设置目标URL。
    • 对于跳转到应用，URL Scheme需要与应用内配置的Scheme一致。例如：harmonyos://app/{packageName}。
    • 对于跳转到应用市场，通常使用系统提供的市场URL，如market://details?id={packageName}。

  2. 系统能力调用：

    • 利用鸿蒙系统提供的JavaScript扩展接口（如JSAbility），在H5页面中调用系统能力进行跳转。
    • 这类接口通常需要在鸿蒙应用的manifest文件中声明权限，并在H5页面中通过特定的API调用。

  3. 注意事项：

    • 确保目标应用已安装，且URL Scheme正确无误。
    • 对于跳转到应用市场，需确保市场应用已安装，且URL格式符合市场应用的解析要求。
    • 在实际开发中，可能需要根据鸿蒙系统的版本和设备的不同，进行适配和调整。

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

回到顶部