JS与IOS互调用

原创 2015年07月10日 10:46:48

首先简单说一下跨平台。

 由于现在很多产品都是有安卓版跟ios版,就意味着同一样东西要出两套,由两组人去完成,不仅增加了开发成本,也大大加剧了维护成本。聪明的coder想出了跨平台的思路,用html写页面,分别用webview(ios),(安卓)来加载,对某些html无法调用的硬件,通过双方的交互来实现方法的互调和传值。这个过程就是跨平台。

 下面来说一下WebViewJavascriptBridge在ios端怎么样使用。

 首先确保一份已经配好功能的html文件。(html还在学习阶段,暂时就不卖弄了。。。)

 1.初始化一个webview(viewdidload)

UIWebView* webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:webView];

 2.将此webview与WebViewJavascriptBridge关联(viewdidload)

if (_bridge) { return; }

  [WebViewJavascriptBridge enableLogging];
  
  _bridge = [WebViewJavascriptBridge bridgeForWebView:webView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback) {
    NSLog(@"ObjC received message from JS: %@", data);
    
    responseCallback(@"Response for message from ObjC");
  }];

 ps:此时你的webview就与js搭上桥了。下面就是方法的互调和参数的互传。

 (1) js调oc方法(可以通过data给oc方法传值,使用responseCallback将值再返回给js)

[_bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {
        NSLog(@"testObjcCallback called: %@", data);
        responseCallback(@"Response from testObjcCallback");
    }];

  这里注意testObjcCallback这个方法的标示。html那边的命名要跟ios这边相同,才能调到这个方法。当然这个名字可以两边商量着自定义。简单明确即可。

  (2)oc调js方法(通过data可以传值,通过 response可以接受js那边的返回值 )

id data = @{ @"greetingFromObjC": @"Hi there, JS!" };
    [_bridge callHandler:@"testJavascriptHandler" data:data responseCallback:^(id response) {
        NSLog(@"testJavascriptHandler responded: %@", response);
    }];

 注意这里的 testJavascriptHandler也是个方法标示。

 (3)oc给js传值(通过 response接受返回值 )

[_bridge send:@"A string sent from ObjC to JS" responseCallback:^(id response) {
        NSLog(@"sendMessage got response: %@", response);
    }];

  (4)oc给js传值(无返回值)

[_bridge send:@"A string sent from ObjC after Webview has loaded."];



JS与Android互调

JavaScript与Android程序之间的交互怎样实现呢?前几天在项目中遇到了这样的问题。其实还是多简单的,只有一个地方需要注意,那就是JavaScript与Android版本兼容为。这里先来总结...
  • Main_Stage
  • Main_Stage
  • 2014年04月14日 10:20
  • 2122

Qt与JS相互调用

一、 简介 Qt提供了本地C++对象与JavaScript的无缝集成,可以进行本地与web混合应用开发。利用Qt的Webkit集成与QtNetwork模块,可以自由的混合JavaScript、样式...
  • hanshuobest
  • hanshuobest
  • 2016年01月03日 16:17
  • 2518

iOS UIWebView原生与JS交互

iOS的UIWebView加载网页后实现oc的原生方法与前端的js方法进行交互
  • blueCat_1128
  • blueCat_1128
  • 2017年12月20日 10:29
  • 121

js与Android、IOS数据交互

一、先说一下js与Android的数据交互 重点了解js调用Android的方法:window.jstojava.closeDialog(参数1,参数2)   其中jstojava为与app协商好的...
  • sfq19881224
  • sfq19881224
  • 2016年01月07日 22:18
  • 2906

unity3d与ios相互调用

参考链接: http://www.tuicool.com/articles/Y7R3eyn
  • huayu_huayu
  • huayu_huayu
  • 2016年07月04日 18:56
  • 3204

iOS下JS与OC互相调用(四)--JavaScriptCore

前面讲完拦截URL的方式实现JS与OC互相调用,终于到JavaScriptCore了。它是从iOS7开始加入的,用 Objective-C 把 WebKit 的 JavaScript 引擎封装了一下,...
  • u011619283
  • u011619283
  • 2016年08月25日 08:50
  • 3759

js调用安卓和ios代码

因为我是后台开发,所以只有js端代码 /* 判断是安卓还是ios ,调用的方法要跟ios端和安卓端约定方面名参数*/ var u = navigator.userAgent, app ...
  • h348592532
  • h348592532
  • 2015年08月14日 11:21
  • 1837

Qt和JavaScript相互调用

// mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include #include namespace Ui { cl...
  • liulihuo_gyh
  • liulihuo_gyh
  • 2017年10月11日 18:43
  • 102

iOS下JS与原生OC互相调用

iOS开发免不了要与UIWebView打交道,然后就要涉及到JS与原生OC交互,今天总结一下JS与原生OC交互的两种方式。 JS调用原生OC篇 方式一 第一种方式是用JS发起一个假的...
  • muzhenhua
  • muzhenhua
  • 2016年01月05日 14:40
  • 2771

iOS与JS交互实战篇(ObjC版)

前言 ObjectiveC与Js交互是常见的需求,可对于新手或者所谓的高手而言,其实并不是那么简单明了。这里只介绍iOS7.0后出来的JavaScriptCore framework。 关...
  • RuiWang321
  • RuiWang321
  • 2016年01月27日 22:02
  • 1503
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS与IOS互调用
举报原因:
原因补充:

(最多只允许输入30个字)