鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS webview h5跳转到应用

HarmonyOS

2024-12-25 13:27:40

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

以下demo是h5跳转到应用详情

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/`
      //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
<!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-12-25 16:44:44

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

发布

相关问题

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

1114浏览 • 1回复待解决

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

208浏览 • 1回复待解决

HarmonyOS webview h5的localstorage

573浏览 • 1回复待解决

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

130浏览 • 1回复待解决

webview加载Vue h5失败

18091浏览 • 5回复待解决

HarmonyOS WebView加载H5卡顿

340浏览 • 1回复待解决

HarmonyOS webview内嵌H5功能异常

257浏览 • 1回复待解决

HarmonyOS webview加载H5显示过慢

216浏览 • 1回复待解决

HarmonyOS webview 怎么和H5交互

360浏览 • 1回复待解决

Web中webview和H5交互

1300浏览 • 1回复待解决

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

401浏览 • 1回复待解决

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

647浏览 • 1回复待解决

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

292浏览 • 1回复待解决

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

342浏览 • 1回复待解决

HarmonyOS webview H5页面事件监听

383浏览 • 1回复待解决

页面类似弹框样式跳转H5

342浏览 • 1回复待解决

HarmonyOS 通过webview改变H5页面字体

300浏览 • 1回复待解决

HarmonyOS 怎么实现webview暴露方法与H5交互

317浏览 • 1回复待解决

HarmonyOS webview嵌入h5直播页没有直播画面

293浏览 • 1回复待解决

HarmonyOS 原生与webview中的H5消息通信

277浏览 • 1回复待解决

HarmonyOS 网点H5有定位，APP内WEBVIEW加载此H5页面，没弹定位权限。

125浏览 • 1回复待解决

HarmonyOS H5和应用侧数据交互

704浏览 • 1回复待解决

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

870浏览 • 1回复待解决

如何在webview中使用H5中的alert

2085浏览 • 1回复待解决

HarmonyOS web.webview 嵌套H5(网页)相互通信

1135浏览 • 1回复待解决

提问

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

相关讨论帖

webview加载Vue h5失败 0回复

HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复

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

H5通过url scheme拉起对应应用 0回复

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

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