【iOS开发】UIWebView与JavaScript(JS) 回调交互

最新推荐文章于 2024-05-11 19:00:43 发布

原创最新推荐文章于 2024-05-11 19:00:43 发布 · 746 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #ios开发 #uiwebview #javascript

本文介绍了一个基于iOS的WebView与原生应用交互的实现方案。通过使用WebViewJavascriptBridge框架，文章详细展示了如何设置UIWebView来加载远程网页，并建立JavaScript与Objective-C之间的通信桥梁。文中还提供了具体的代码示例，包括如何注册处理程序以及从原生端调用Web端的方法。

依赖 WebViewJavascriptBridge 网上随便找，随便下

//
//  BaseWebRelationshipController.m
//  matchPlus
//
//  Created by mnn on 16/4/5.
//  Copyright © 2016年 mnn. All rights reserved.
//

#import "BaseWebRelationshipController.h"
#import "WebViewJavascriptBridge.h"

@interface BaseWebRelationshipController ()<UIWebViewDelegate , WebViewJavascriptBridgeBaseDelegate>{
    WebViewJavascriptBridge *_bridge;
}


@end

@implementation BaseWebRelationshipController

- (void)viewDidLoad {
    [super viewDidLoad];
    UIWebView *web = [[UIWebView alloc]initWithFrame:self.view.bounds];
    NSString *path = 连接;
    NSURL *url = [NSURL URLWithString:path];
    [web loadRequest:[NSURLRequest requestWithURL:url]];
    web.delegate = self;
    [self.view addSubview:web];
    
    if (_bridge) { return; }
    [WebViewJavascriptBridge enableLogging];
    _bridge = [WebViewJavascriptBridge bridgeForWebView:web];
    
    // JS 触发我的
    [_bridge registerHandler:@"webview_call_native" handler:^(id data, WVJBResponseCallback responseCallback) {
        NSLog(@"callback回来的: %@", data);
        // 这里是web端 callback 根据约定type 处理事件<pre name="code" class="objc">    }];
}



// 处理完事件后 callback web刷新数据
- (void)webView:(NSNotification *)text{
    // 你触发web的 客户端操作后callback web做响应处理<pre name="code" class="objc">    [_bridge callHandler:@"native_call_webview" data:@{@"tagname":@"updatewebview"}];
}