鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 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

浏览

赞

收藏 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%') 
  } 
}

【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>

回复

2024-09-06 15:27:29

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

发布

相关问题

HarmonyOS webview h5跳转到应用

21浏览 • 1回复待解决

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

35浏览 • 1回复待解决

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

40浏览 • 1回复待解决

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

17浏览 • 1回复待解决

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

491浏览 • 1回复待解决

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

63浏览 • 1回复待解决

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

952浏览 • 2回复待解决

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

221浏览 • 1回复待解决

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

7657浏览 • 1回复待解决

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

82浏览 • 1回复待解决

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

48浏览 • 2回复待解决

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

453浏览 • 1回复待解决

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

335浏览 • 1回复待解决

页面类似弹框样式跳转H5

240浏览 • 1回复待解决

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

283浏览 • 1回复待解决

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

30浏览 • 1回复待解决

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

85浏览 • 1回复待解决

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

28浏览 • 1回复待解决

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

182浏览 • 1回复待解决

HarmonyOS H5和应用侧数据交互

310浏览 • 1回复待解决

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

253浏览 • 1回复待解决

HarmonyOS H5如何访问相册？

305浏览 • 1回复待解决

HarmonyOS web组件加载h5，h5拉起摄像头

613浏览 • 1回复待解决

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

26浏览 • 1回复待解决

HarmonyOS 跳转应用市场

39浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

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

webview加载Vue h5失败 0回复

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

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