鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

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

如果要在前端侧用

quick.page.close({“para1”})

这种方式调用应用测的方法

应用侧应该如何来写

HarmonyOS

2024-12-23 15:25:02

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

请参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5#registerjavascriptproxy

应用侧代码：

import web_view from '@ohos.web.webview'

class testClass{
  constructor() {
  }
  //H5侧调用的方法
  test():string{
    return '1111111111111111111'
  }
  toString():void{
    console.log('222222222')
  }
}

@Entry
@Component
struct CallWeb {
  webviewController:web_view.WebviewController=new web_view.WebviewController();
  @State testObj:testClass=new testClass()

  build() {
    Column() {
      Button('将对象注入web').onClick(()=>{
        try{
          this.webviewController.registerJavaScriptProxy(
            this.testObj,
            'testObjName',
            ['test','toString']//H5侧可使用的方法
          )
        } catch (e) {
        }
      })
      Button('refresh').onClick(()=>{
        try{
          this.webviewController.refresh()
        } catch (e) {
        }
      })
      Web({src:$rawfile('webViewHtml/CallArkTs01.html'),controller:this.webviewController})
    }
  }
}

H5侧代码：

<!doctype html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  </head>
  <body>
  <button type="button" onclick="callArkTs()">调用应用侧函数</button>
  <p id="webPage">Dose Web Call ArkTs Success?</p>
  <p id="demo"></p>

  </body>
  <script>
  function callArkTs(){
    let str = testObjName.test(); //调用HarmonyOS侧test方法
    document.getElementById('webPage').innerHTML='callweb1111'
    document.getElementById('demo').innerHTML=str
  }
  </script>
  </html>

回复

2024-12-23 18:51:34

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

发布

相关问题

HarmonyOS H5侧调用应用侧，异步返回数据Demo

1513浏览 • 1回复待解决

在应用页面里嵌套了h5页面，前端页面调用应用侧函数根据日志打印调用不到

1584浏览 • 1回复已解决

HarmonyOS H5和应用侧数据交互

1650浏览 • 1回复待解决

HarmonyOS H5与应用侧数据交互的Demo

1772浏览 • 1回复待解决

HarmonyOS 怎么能收到H5调用的window方法？

1559浏览 • 1回复待解决

android webview 给前端 H5 发送 json 消息，前端接收到不是 json

4802浏览 • 0回复待解决

H5和ArkTS交互，H5页面首次获取不到原生侧接口返回数据

1690浏览 • 1回复待解决

HarmonyOS H5调用原生扫码功能

1337浏览 • 1回复待解决

HarmonyOS H5调用APP图库选择图片

1097浏览 • 1回复待解决

HarmonyOS H5调用拨打电话的方法，导致ArkWeb白屏

1017浏览 • 1回复待解决

HarmonyOS 前端页面调用应用侧函数registerJavaScriptProxy没有挂载在window上

1212浏览 • 1回复待解决

HarmonyOS ArkTS与H5交互方法

1226浏览 • 1回复待解决

HarmonyOS H5异步调用arkTs函数，arkTs如何将结果返回至H5 ？

1584浏览 • 1回复待解决

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

2198浏览 • 1回复待解决

HarmonyOS 前端页面调用应用侧函数的时候获取不到

724浏览 • 1回复待解决

HarmonyOS h5调用系统相机进行拍照

1163浏览 • 1回复待解决

HarmonyOS Native调用TS侧方法，会报错，TS侧方法也不能获取到对象的变量

1420浏览 • 1回复待解决

HarmonyOS H5的JS端调用应用端的新问题

1346浏览 • 1回复待解决

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

1358浏览 • 1回复待解决

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

1015浏览 • 1回复待解决

HarmonyOS h5与原生交互，在原生实现的js方法中怎么获取到webController，用于调用runJavaScript方法？

1893浏览 • 1回复待解决

HarmonyOS webview h5跳转到应用

939浏览 • 1回复待解决

ArkWeb:前端页面调用应用侧函数是同步还是异步？

1403浏览 • 1回复待解决

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

1211浏览 • 1回复待解决

HarmonyOS 目前H5代码，调用uniapp.postMessage方法，app闪退

1024浏览 • 1回复待解决

提问

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

相关讨论帖

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

webview加载Vue h5失败 0回复

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

鸿蒙H5离线包技术分享 0回复

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

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