uniapp h5调用app中ios/安卓原生js

最近使用uniapp写了h5页面,主要是app使用webview嵌套h5页面,发现h5调用app的方法,安卓与ios存在差异,下面来简单的说下

1、首先我们根据判断当前是ios还是安卓来做不同的操作

uni.getSystemInfoSync().platform

根据以上代码可以区分当前的是ios还是安卓从而调用不用的方法

  1. ios调用方法,假设app那边的方法提供的是a.b(),那我们如何调用呢

let data = {
   "functionName": 'b',
 }
 window.webkit.messageHandlers.a.postMessage(data);

以上就是ios调用的方式

  1. 安卓如何调用呢?

a.b();

直接调用即可,当然也有其他方法不过作者大大目前使用的就是以上介绍。欢迎大家可以及时补充,大家共同进步

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要在 iOS App 嵌入 H5 页面并实现与原生 App 的通信,需要进行以下详细配置步骤: 1. 创建一个 `WKWebView` 实例并将其添加到视图层级。 ```swift import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let configuration = WKWebViewConfiguration() let userContentController = WKUserContentController() // 添加 messageHandler,用于接收来自 H5 页面的消息 userContentController.add(self, name: "myHandler") configuration.userContentController = userContentController webView = WKWebView(frame: view.bounds, configuration: configuration) view.addSubview(webView) // 加载 H5 页面 if let htmlPath = Bundle.main.path(forResource: "index", ofType: "html") { let htmlUrl = URL(fileURLWithPath: htmlPath) webView.loadFileURL(htmlUrl, allowingReadAccessTo: htmlUrl) } } } ``` 2. 创建一个遵循 `WKScriptMessageHandler` 协议的类,用于处理从 H5 页面发送过来的消息。 ```swift extension ViewController: WKScriptMessageHandler { // 接收并处理从 H5 页面发送过来的消息 func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { if message.name == "myHandler" { if let body = message.body as? String { print("Received message from H5: \(body)") // 在这里处理来自 H5 页面的消息 } } } } ``` 3. 在 H5 页面,使用 JavaScript 代码发送消息给原生 App。 ```javascript // 发送消息给原生 App window.webkit.messageHandlers.myHandler.postMessage("Hello from H5"); ``` 4. 在 H5 页面,可以使用以下 JavaScript 代码接收来自原生 App 的消息。 ```javascript // 接收原生 App 发送的消息 document.addEventListener("messageReceived", function(event) { var message = event.detail; console.log("Received message from iOS App: " + message); }); ``` 在原生 App ,你可以调用 `webView.evaluateJavaScript(_:completionHandler:)` 方法执行 JavaScript 代码来向 H5 页面发送消息。例如: ```swift let message = "Hello from iOS App" let jsCode = "document.dispatchEvent(new CustomEvent('messageReceived', { detail: '\(message)' }));" webView.evaluateJavaScript(jsCode, completionHandler: nil) ``` 通过以上配置,你就可以在 iOS App 嵌入 H5 页面,并实现双向的通信。在 H5 页面使用 `window.webkit.messageHandlers.<handlerName>.postMessage(<message>)` 发送消息给原生 App,而在原生 App 通过实现 `WKScriptMessageHandler` 协议来接收并处理来自 H5 页面的消息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值