鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS 在H5中如何跳转到应用市场

非store协议，实测store协议在系统浏览器中跳转无效。

HarmonyOS

2024-09-06 09:42:49

1710浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

【store协议】h5跳转拉起应用市场APP并跳转到应用详情页demo：

【AppJump.ets】

import web_webview from '@ohos.web.webview'; 
import { common, Want } from '@kit.AbilityKit'; 
 
class NaviAppStore { 
  constructor() { 
  } 
 
  jumpAgcDetailPage() { 
    const want: Want = { 
      uri: `store://appgallery.huawei.com/app/detail?id=xxx` //跳转拉起应用市场  
      // uri: `store://appgallery.huawei.com/`   //跳转拉起应用市场APP首页 
    } 
    const context = getContext(this) as common.UIAbilityContext; 
    context.startAbility(want).then(() => { 
      console.log('jumpAgcDetailPage 拉起成功 '); 
    }).catch(() => { 
      console.log('jumpAgcDetailPage 拉起失败'); 
    }) 
  } 
} 
 
@Entry 
@Component 
struct WebPage { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  @State naviApp:NaviAppStore = new NaviAppStore() 
 
  build() { 
    Row() { 
      Column() { 
        Web({ src: $rawfile("go_to_agc_unipay.html"), controller: this.controller }) 
          .javaScriptProxy({ 
            object: this.naviApp, 
            name: "naviApp", 
            methodList: ["jumpAgcDetailPage"], 
            controller: this.controller 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.

【go_to_agc_unipay.html】

<!-- 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>1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

回复

2024-09-06 15:27:29

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS webview h5跳转到应用

761浏览 • 1回复待解决

HarmonyOS 在应用中如何跳转到华为应用市场应用详情页下？

925浏览 • 1回复待解决

HarmonyOS H5内a标签无法跳转到“电话”和“短信”

704浏览 • 1回复待解决

HarmonyOS 通过h5页面拉起应用或者应用市场

846浏览 • 1回复待解决

HarmonyOS H5中上传文件，跳转到文件管理后点击图库无响应

927浏览 • 1回复待解决

HarmonyOS 怎么跳转到应用市场更新app？

641浏览 • 1回复待解决

HarmonyOS 怎么跳转到的华为应用市场？

1004浏览 • 1回复待解决

HarmonyOS h5页面无法跳转到拨打电话的页面

429浏览 • 1回复待解决

如何跳转到应用市场app下载页面？

8860浏览 • 1回复待解决

原生 HarmonyOS app 中如何跳转到 HarmonyOS 应用市场指定页面，如应用市场应用介绍详情页

1465浏览 • 1回复待解决

怎样才能跳转到应用市场界面？

1950浏览 • 2回复待解决

HarmonyOS h5应用如何唤起HarmonyOS应用？

1088浏览 • 1回复待解决

有没有判断是小程序还是H5跳转到HarmonyOS原生页面的方法

1023浏览 • 1回复待解决

HarmonyOS h5和原生的交互，h5页面跳转很多层，是否支持拦截H5返回手势

1005浏览 • 1回复待解决

HarmonyOS 在h5前端侧调用应用侧方法

646浏览 • 2回复待解决

页面类似弹框样式跳转H5

736浏览 • 1回复待解决

如何从浏览器H5页面打开华为应用市场应用详情页面？

1634浏览 • 1回复待解决

HarmonyOS web组件如何监听h5内部的router跳转

908浏览 • 1回复待解决

h5在HarmonyOS应用里的加载性能的优化

785浏览 • 1回复待解决

HarmonyOS web组件如何监听到H5的页面跳转

818浏览 • 1回复待解决

HarmonyOS 应用涉及H5代码，如何使用？

1171浏览 • 1回复待解决

HarmonyOS 使用文档中的updateManager，会自动跳转到应用市场完成更新吗

659浏览 • 1回复待解决

HarmonyOS 是否支持从App跳转到应用市场的App主页

764浏览 • 1回复待解决

HarmonyOS H5网页如何拉起HarmonyOS 应用？

911浏览 • 1回复待解决

HarmonyOS H5和应用侧数据交互

1343浏览 • 1回复待解决

提问

该提问已有2人参与，帮助了105人

相关讨论帖

教程：在快应用中跳转到Android app 0回复

在HarmonyOS上实现ArkTS与H5的交互 0回复

webview加载Vue h5失败 0回复

轻松上手-Navigation路由 H5 0回复

跳转到鸿蒙-在HarmonyOS手机应用实现图片文字布局与页面跳转功 3回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载