H5与APP的交互框架(WebViewJavascriptBridge)
基本原理是:
把 OC 的方法注册到桥梁中,让 JS 去调用。
把
JS 的方法注册在桥梁中,让 OC 去调用。(注册自己,调用它人。)
WebViewJavaScriptBridge 使用的基本步骤:(H5端)
在HTML 文件中,复制粘贴这两段 JS 函数。
往桥梁中注入
JS 函数:
OC 方法,在 OC 中注入。JS 的方法所以必然就需要在 JS 中注入的。
testJavaScriptFunction 是注入到桥梁中 JS 函数的别名。以供 OC 端调用。
回调函数的 data。 既然 JS 函数由 OC 调用,所以 data 是 OC 端传递过来的数据。
responseCallback 。
JS 调用在被 OC 调用完毕之后,向 OC 端传递的数据。
JS 调用 OC 的三种情况
// JS 单纯的调用 OC 的 block
WebViewJavascriptBridge.callHandler('scanClick');
// JS 调用 OC 的 block,并传递 JS 参数
WebViewJavascriptBridge.callHandler('scanClick',"JS
参数");
// JS 调用 OC 的 block,传递 JS 参数,并接受
OC 的返回值。
WebViewJavascriptBridge.callHandler('scanClick',{data
: "这是 JS 传递到 OC 的扫描数据"},function(dataFromOC){
alert("JS 调用了 OC 的扫描方法!");
document.getElementById("returnValue").value = dataFromOC;
});
参考网址: https://www.jianshu.com/p/d12ec047ce52
最新文章
- Deepin -Android Studio-Genymotion 之旅
- vtk保存图像
- 每天一个linux命令(37):date命令
- Ubuntu 12.04如何从登录界面登录root
- part3
- Oracle索引状态查询&;索引重建
- JavaScript 执行环境(执行上下文) 变量对象 作用域链 上下文 块级作用域 私有变量和特权方法
- php 内置的 webserver 研究。
- 使用json文件给es中导入数据
- (十九)java小练习
- LeetCode之“动态规划”:Minimum Path Sum &;&; Unique Paths &;&; Unique Paths II
- 《剑指offer》整数中1出现的次数
- hdu3555数位dp基础
- 前向传播算法(Forward propagation)与反向传播算法(Back propagation)
- 删除DataTable的指定行(Lambda)
- 用dbexpress连接sqlserver数据库
- web实现下拉列表多选加搜索
- Java中遍历实体类(处理MongoDB)
- [VS工具]远程在IIS附加调试代码
- oracle 产生随机数
热门文章
- SpringBoot使用CORS的addCorsMappings中会遇到的问题
- Go语言基础二:常用的Go工具命令
- python subprocess相关操作
- AlexNet—论文分析及复现
- 【Azure 应用服务】本地创建Azure Function Kafka Trigger 函数和Kafka output的HTTP Trigger函数实验
- 6.22 NOI 模拟
- MySQL金融应用场景下跨数据中心的MGR架构方案(2)
- 分享俩个js数组比较少用的方法join与from
- .Net Core使用Coravel实现任务调度
- C++ 运行单个实例,防止程序多次启动