js如何调用oc

JavaScript调用Objective-C的方法有几种：通过URL Scheme、通过JSBridge、通过消息传递。 本文将详细介绍这些方法，并提供一些代码示例和实际应用场景，以帮助开发者更好地理解和实现JavaScript与Objective-C之间的互操作。

一、通过URL Scheme

URL Scheme是一种简单且常用的方式，通过自定义URL Scheme，JavaScript可以触发Objective-C代码。它主要通过WebView的委托方法来拦截自定义的URL，并执行相应的操作。

1、定义URL Scheme

首先，在你的iOS应用中定义一个自定义的URL Scheme。例如，我们定义一个名为myapp的URL Scheme。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    // 注册自定义的URL Scheme
    return YES;
}

2、JavaScript调用URL Scheme

在你的HTML或JavaScript代码中，你可以通过window.location来调用这个URL Scheme。

function callObjectiveC() {

    window.location.href = "myapp://doSomething";
}

3、Objective-C拦截URL Scheme

在你的Objective-C代码中，通过WebView的代理方法来拦截并处理这个URL Scheme。

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

    NSURL *url = request.URL;
    if ([url.scheme isEqualToString:@"myapp"]) {
        if ([url.host isEqualToString:@"doSomething"]) {
            // 执行相应的操作
            return NO;
        }
    }
    return YES;
}

二、通过JSBridge

JSBridge是一种更为复杂和灵活的方式，它允许JavaScript和Objective-C之间进行双向通信。通常，JSBridge是通过注入JavaScript代码到WebView中来实现的。

1、集成JSBridge库

首先，集成一个开源的JSBridge库，如WebViewJavascriptBridge。

#import "WebViewJavascriptBridge.h"

@interface ViewController ()
@property (nonatomic, strong) WebViewJavascriptBridge *bridge;
@end
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    UIWebView *webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:webView];
    self.bridge = [WebViewJavascriptBridge bridgeForWebView:webView];
    [self.bridge setWebViewDelegate:self];
    // 注册Objective-C方法供JavaScript调用
    [self.bridge registerHandler:@"doSomething" handler:^(id data, WVJBResponseCallback responseCallback) {
        NSLog(@"JavaScript调用了Objective-C方法");
        responseCallback(@"Objective-C已经处理");
    }];
    // 加载HTML
    NSString *htmlPath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
    NSString *html = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];
    [webView loadHTMLString:html baseURL:nil];
}
@end

2、JavaScript调用Objective-C

在你的HTML或JavaScript代码中，通过JSBridge来调用Objective-C方法。

document.addEventListener('DOMContentLoaded', function() {

    // 初始化WebViewJavascriptBridge
    function setupWebViewJavascriptBridge(callback) {
        if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
        if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
        window.WVJBCallbacks = [callback];
        var WVJBIframe = document.createElement('iframe');
        WVJBIframe.style.display = 'none';
        WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
        document.documentElement.appendChild(WVJBIframe);
        setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0);
    }
    setupWebViewJavascriptBridge(function(bridge) {
        // 调用Objective-C方法
        bridge.callHandler('doSomething', null, function(response) {
            console.log('Objective-C返回的结果:', response);
        });
    });
});

三、通过消息传递

消息传递是一种更为底层的通信方式，通常通过WebView的evaluateJavaScript方法来实现。Objective-C可以通过这种方式执行JavaScript代码，反之亦然。

1、Objective-C调用JavaScript

在你的Objective-C代码中，通过WebView的evaluateJavaScript方法来执行JavaScript代码。

NSString *jsCode = @"document.body.style.backgroundColor = 'red';";

[self.webView stringByEvaluatingJavaScriptFromString:jsCode];

2、JavaScript调用Objective-C

在你的JavaScript代码中，通过消息传递的方式来调用Objective-C方法。例如，通过window.webkit.messageHandlers来发送消息。

window.webkit.messageHandlers.<handlerName>.postMessage(<messageBody>);

在Objective-C中，通过WKScriptMessageHandler协议来接收消息。

@interface ViewController () <WKScriptMessageHandler>

@property (nonatomic, strong) WKWebView *webView;
@end
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
    [config.userContentController addScriptMessageHandler:self name:@"doSomething"];
    self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:config];
    [self.view addSubview:self.webView];
    // 加载HTML
    NSString *htmlPath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
    NSString *html = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];
    [self.webView loadHTMLString:html baseURL:nil];
}
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    if ([message.name isEqualToString:@"doSomething"]) {
        NSLog(@"JavaScript调用了Objective-C方法");
    }
}
@end

四、实际应用场景

1、支付功能

在电商应用中，常常需要集成第三方支付功能。通过JavaScript调用Objective-C，可以实现支付请求的发起和结果的处理。

2、数据传输

在数据统计和分析中，前端页面可能需要传递用户行为数据给本地应用进行处理和存储。通过JSBridge，数据可以方便地在JavaScript和Objective-C之间传递。

3、UI交互

在混合应用中，前端页面可能需要调用本地的UI组件，如弹出框、导航栏等。通过消息传递，JavaScript可以灵活地控制本地UI元素。

五、总结

JavaScript调用Objective-C的方法有多种选择，具体选择哪种方式取决于你的应用需求和技术栈。通过URL Scheme、JSBridge和消息传递，你可以实现从简单到复杂的各种交互。同时，合理使用这些方法可以提升用户体验，提高应用的灵活性和可维护性。对于团队协作和项目管理，可以考虑使用研发项目管理系统PingCode和通用项目协作软件Worktile，以提高开发效率和项目管理质量。

相关问答FAQs：

FAQ 1: 如何在JavaScript中调用Objective-C？

问题： 我想在JavaScript中调用Objective-C代码，有什么方法可以实现吗？

回答： 是的，您可以通过使用JavaScript和Objective-C之间的桥接来实现在JavaScript中调用Objective-C代码。这个桥接可以通过使用JavaScriptCore框架来完成。您可以通过以下步骤进行操作：

1. 首先，在Objective-C中创建一个WKWebView对象，并将其添加到视图层次结构中。
2. 然后，使用WKWebView的configuration属性获取一个WKWebViewConfiguration对象。
3. 接下来，使用WKWebViewConfiguration的userContentController属性获取一个WKUserContentController对象。
4. 使用WKUserContentController对象的addScriptMessageHandler:name:方法，将一个对象注册为JavaScript消息的处理程序。
5. 在JavaScript代码中，使用webkit.messageHandlers.<name>.postMessage(<message>)来调用Objective-C代码。

这样，您就可以在JavaScript中调用Objective-C代码了。

FAQ 2: 如何在网页中调用Objective-C的函数？

问题： 我想在我的网页中调用Objective-C的函数，有什么方法可以实现吗？

回答： 是的，您可以通过在网页中使用JavaScript和Objective-C之间的桥接来调用Objective-C的函数。这可以通过使用JavaScriptCore框架来实现。以下是一些步骤：

1. 首先，在Objective-C中创建一个WKWebView对象，并将其添加到您的网页中。
2. 然后，在Objective-C中实现一个遵循WKScriptMessageHandler协议的类，该类将处理来自JavaScript的消息。
3. 在Objective-C中，使用WKUserContentController的addScriptMessageHandler:name:方法，将该类注册为JavaScript消息的处理程序。
4. 在JavaScript中，使用webkit.messageHandlers.<name>.postMessage(<message>)来调用Objective-C的函数。

通过这种方式，您就可以在网页中调用Objective-C的函数了。

FAQ 3: 如何在JavaScript中调用iOS原生方法？

问题： 我想在JavaScript中调用iOS原生方法，有什么方法可以实现吗？

回答： 是的，您可以通过使用JavaScript和Objective-C之间的桥接来实现在JavaScript中调用iOS原生方法。以下是一些步骤：

1. 首先，在Objective-C中创建一个WKWebView对象，并将其添加到您的应用程序中。
2. 然后，在Objective-C中实现一个遵循WKScriptMessageHandler协议的类，该类将处理来自JavaScript的消息。
3. 在Objective-C中，使用WKUserContentController的addScriptMessageHandler:name:方法，将该类注册为JavaScript消息的处理程序。
4. 在JavaScript中，使用webkit.messageHandlers.<name>.postMessage(<message>)来调用iOS原生方法。

通过这种方式，您就可以在JavaScript中调用iOS原生方法了。