51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

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

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

HarmonyOS
Heiang
2024-09-06 09:42:49
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple
zbw_apple

【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>
分享
微博
QQ
微信
回复
2024-09-06 15:27:29
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS webview h5跳转到应用
989浏览 • 1回复 待解决
HarmonyOS 通过h5页面拉起应用或者应用市场
1152浏览 • 1回复 待解决
HarmonyOS 在应用中如何跳转到华为应用市场应用详情页下？
1248浏览 • 1回复 待解决
HarmonyOS H5内a标签无法跳转到“电话”和“短信”
1069浏览 • 1回复 待解决
HarmonyOS H5中上传文件，跳转到文件管理后点击图库无响应
1345浏览 • 1回复 待解决
HarmonyOS h5应用如何唤起HarmonyOS应用？
1447浏览 • 1回复 待解决
HarmonyOS 怎么跳转到的华为应用市场？
1278浏览 • 1回复 待解决
如何跳转到应用市场app下载页面？
9654浏览 • 1回复 待解决
HarmonyOS h5页面无法跳转到拨打电话的页面
1579浏览 • 1回复 待解决
有没有判断是小程序还是H5跳转到HarmonyOS原生页面的方法
1253浏览 • 1回复 待解决
HarmonyOS 怎么跳转到应用市场更新app？
2130浏览 • 1回复 待解决
原生 HarmonyOS app 中如何跳转到 HarmonyOS 应用市场指定页面，如应用市场应用介绍详情页
1951浏览 • 1回复 待解决
HarmonyOS 在h5前端侧调用应用侧方法
903浏览 • 1回复 待解决
HarmonyOS h5和原生的交互，h5页面跳转很多层，是否支持拦截H5返回手势
1377浏览 • 1回复 待解决
页面类似弹框样式跳转H5
969浏览 • 1回复 待解决
HarmonyOS web组件如何监听h5内部的router跳转
1202浏览 • 1回复 待解决
如何从浏览器H5页面打开华为应用市场应用详情页面？
2543浏览 • 1回复 待解决
怎样才能跳转到应用市场界面？
2723浏览 • 2回复 待解决
h5在HarmonyOS应用里的加载性能的优化
1034浏览 • 1回复 待解决
HarmonyOS web组件如何监听到H5的页面跳转
1159浏览 • 1回复 待解决
HarmonyOS 应用涉及H5代码，如何使用？
1477浏览 • 1回复 待解决
HarmonyOS H5网页如何拉起HarmonyOS 应用？
1221浏览 • 1回复 待解决
HarmonyOS H5和应用侧数据交互
1691浏览 • 1回复 待解决
HarmonyOS 类似h5中qs.stringify
834浏览 • 1回复 待解决
HarmonyOS H5如何访问相册？
1361浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
教程：在快应用中跳转到Android app 0回复
在HarmonyOS上实现ArkTS与H5的交互 0回复
跳转到鸿蒙-在HarmonyOS手机应用实现图片文字布局与页面跳转功 3回复
webview加载Vue h5失败 0回复
轻松上手-Navigation路由 H5 0回复