iOS与Html5和JS之间的交互

本帖最后由 henry 于 2018-10-22 09:48 编辑

ios与js交互
WebViewJavascriptBridge框架可以用pod方式加入工程 pod 'WebViewJavascriptBridge'

首先采用的框架是WebViewJavascriptBridge，采用这套框架可以方便的使iOS与JS交互

一. 流程图（主要介绍思路）

iOS与Html5和JS之间的交互

二.iOS端如何使用
首先导入#import "WebViewJavascriptBridge.h"文件第一步：开启日志 // 开启日志，方便调试[WebView JavascriptBridge enableLogging];

第二步：给ObjC与JS建立桥梁
// 给哪个webview建立JS与OjbC的沟通桥梁self.bridge = [WebView JavascriptBridgebridgeForWebView:webView];
// 设置代理，如果不需要实现，可以不设置[self.bridge setWebViewDelegate:self];

第三步：注册HandleName，用于给JS端调用iOS端
// JS主动调用OjbC的方法// 这是JS会调用getUserIdFromObjC方法，这是OC注册给JS调用的// JS需要回调，当然JS也可以传参数过来。data就是JS所传的参数，不一定需要传
// OC端通过responseCallback回调JS端，JS就可以得到所需要的数据[self.bridge registerHandler:@"getUserIdFromObjC"handler: ^ (id data, WVJBResponseCallback responseCallback) {
NSLog(@"js call getUserIdFromObjC, data from js is %@", data);
  if (responseCallback) {
  // 反馈给JS
responseCallback(@{@"userId": @"123456"}
);
}
}];
[self.bridge registerHandler :@"getBlogNameFromObjC"handler: ^ (id data, WVJBResponseCallback responseCallback) {
  NSLog(@"js call getBlogNameFromObjC, data from js is %@", data);
  if (responseCallback) {
// 反馈给JS
responseCallback(@{@"blogName": @"星仔"}
);
}}];

第四步：直接调用JS端注册的HandleName [self.bridge callHandler:@"getUserInfos"data: '@ {@"name": @"ddsds"}responseCallback:^(id responseData) {
  NSLog(@"from js: %@", responseData);}];

三.JS端如何使用具体可以看邦兄发的帖子。

/************* ufo 项目中js调用原生的相关方法 *********/ //返回按钮

[self.bridge registerHandler :'@"goback" handler:^ (id data, WVJBResponseCallback responseCallback) {

[self.navigationController popViewControllerAnimated:YES];

}];

//支付宝支付

[self.bridge registerHandler:'@"alipay" handler:^ (id data, WVJBResponseCallback responseCallback) {

[[SDMOnlinePayManager sharedManager] onlinePay:AliPayType payOrder:[data valueForKey:'@"url"] success:^(NSDictionary *result){

if (responseCallback) {

// 反馈给JS

responseCallback(result);

}

} falied:^(NSDictionary *result){

if (responseCallback) {

// 反馈给JS

responseCallback(result);

}

}];

//微信支付 weixinpay

[self.bridge registerHandler:'@"wxpay" handler:^(id data, WVJBResponseCallback responseCallback) {

[[SDMOnlinePayManager sharedManager] onlinePay:WXPayType payOrder:data success:^(NSDictionary *result){

if (responseCallback) {

// 反馈给JS

responseCallback(result);

}

} falied:^(NSDictionary *result){

if (responseCallback) {

// 反馈给JS

responseCallback(result);

}

}];

iOS与Html5和JS之间的交互

相关推荐