oc 怎么和js 交互

OC（Objective-C）和JS（JavaScript）交互的方法包括：使用WebView、通过NSURLProtocol进行拦截、利用JavaScriptCore框架。其中，使用WebView 是一种常见且简单的方式，适用于大多数情况下。通过使用WebView，OC 可以在应用中嵌入一个浏览器窗口，从而加载和执行 JavaScript 代码。接下来，我们将详细介绍这些交互方式，并探讨它们的具体应用场景和实现方法。

一、使用WebView进行OC和JS交互

1. WebView简介

WebView是一种可以在应用中嵌入网页浏览功能的组件。在iOS中，WebView主要有两种实现：UIWebView和WKWebView。UIWebView是较旧的实现方式，而WKWebView是苹果在iOS 8之后推出的更现代化、更高效的WebView。

2. 使用UIWebView进行交互

UIWebView虽然已被弃用，但在一些旧项目中仍然可以看到它的身影。通过UIWebView，OC可以加载网页并执行JavaScript代码。

加载网页并执行JavaScript代码：

UIWebView *webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:webView];
NSString *htmlString = @"<html><body><script type='text/javascript'>function showAlert() { alert('Hello from JavaScript'); }</script></body></html>";
[webView loadHTMLString:htmlString baseURL:nil];
[webView stringByEvaluatingJavaScriptFromString:@"showAlert()"];

3. 使用WKWebView进行交互

WKWebView是UIWebView的升级版，具有更高的性能和更好的安全性。使用WKWebView，OC和JS的交互变得更加简单和高效。

加载网页并执行JavaScript代码：

WKWebView *wkWebView = [[WKWebView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:wkWebView];
NSString *htmlString = @"<html><body><script type='text/javascript'>function showAlert() { alert('Hello from JavaScript'); }</script></body></html>";
[wkWebView loadHTMLString:htmlString baseURL:nil];
[wkWebView evaluateJavaScript:@"showAlert()" completionHandler:nil];

通过WKScriptMessageHandler进行消息传递：

// 在OC中实现WKScriptMessageHandler协议
@interface ViewController () <WKScriptMessageHandler>
@end
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
    WKUserContentController *userContentController = [[WKUserContentController alloc] init];
    [userContentController addScriptMessageHandler:self name:@"jsToOc"];
    config.userContentController = userContentController;
    WKWebView *wkWebView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:config];
    [self.view addSubview:wkWebView];
    NSString *htmlString = @"<html><body><script type='text/javascript'>function callOc() { window.webkit.messageHandlers.jsToOc.postMessage('Hello from JavaScript'); }</script></body></html>";
    [wkWebView loadHTMLString:htmlString baseURL:nil];
}
// 实现WKScriptMessageHandler协议的方法
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    if ([message.name isEqualToString:@"jsToOc"]) {
        NSLog(@"Received message from JS: %@", message.body);
    }
}
@end

二、通过NSURLProtocol进行拦截

1. NSURLProtocol简介

NSURLProtocol 是一种可以拦截和处理特定 URL 请求的机制。通过自定义 NSURLProtocol 子类，开发者可以在网络请求发送之前或接收到响应之后进行特定的处理。

2. 拦截网络请求并进行处理

@interface CustomURLProtocol : NSURLProtocol
@end
@implementation CustomURLProtocol
+ (BOOL)canInitWithRequest:(NSURLRequest *)request {
    // 判断是否需要拦截该请求
    if ([request.URL.scheme isEqualToString:@"custom"]) {
        return YES;
    }
    return NO;
}
+ (NSURLRequest *)canonicalRequestForRequest:(NSURLRequest *)request {
    return request;
}
- (void)startLoading {
    // 处理拦截到的请求
    NSString *responseString = @"Hello from Objective-C";
    NSData *responseData = [responseString dataUsingEncoding:NSUTF8StringEncoding];
    NSURLResponse *response = [[NSURLResponse alloc] initWithURL:self.request.URL MIMEType:@"text/plain" expectedContentLength:responseData.length textEncodingName:@"utf-8"];
    [self.client URLProtocol:self didReceiveResponse:response cacheStoragePolicy:NSURLCacheStorageNotAllowed];
    [self.client URLProtocol:self didLoadData:responseData];
    [self.client URLProtocolDidFinishLoading:self];
}
- (void)stopLoading {
    // 停止加载请求
}
@end
// 注册自定义的NSURLProtocol
[NSURLProtocol registerClass:[CustomURLProtocol class]];

三、利用JavaScriptCore框架

1. JavaScriptCore简介

JavaScriptCore是一个用来解析和执行JavaScript代码的框架。通过JavaScriptCore，OC可以在不借助WebView的情况下直接与JavaScript进行交互。

2. 执行JavaScript代码并获取结果

#import <JavaScriptCore/JavaScriptCore.h>
JSContext *context = [[JSContext alloc] init];
JSValue *result = [context evaluateScript:@"var num = 5 + 5; num"];
NSLog(@"Result: %@", [result toNumber]);

3. 定义和调用JavaScript函数

JSContext *context = [[JSContext alloc] init];
[context evaluateScript:@"function add(a, b) { return a + b; }"];
JSValue *addFunction = context[@"add"];
JSValue *result = [addFunction callWithArguments:@[@3, @4]];
NSLog(@"Result: %@", [result toNumber]);

4. 将OC方法暴露给JavaScript

JSContext *context = [[JSContext alloc] init];
context[@"log"] = ^(NSString *message) {
    NSLog(@"JavaScript Log: %@", message);
};
[context evaluateScript:@"log('Hello from JavaScript')"];

四、在实际项目中的应用

1. 数据传递和处理

在实际项目中，OC和JS的交互常常涉及数据传递和处理。例如，在一个电商应用中，前端页面使用JavaScript进行商品展示和用户交互，而后台逻辑使用Objective-C处理订单和支付。通过WebView和JavaScriptCore，OC可以与JS无缝交互，实现数据的双向传递和处理。

2. 提高用户体验

通过OC和JS的交互，开发者可以实现一些复杂的交互效果，从而提高用户体验。例如，在一个旅游应用中，用户可以在前端页面上选择旅游路线，而后台逻辑使用Objective-C计算最佳路线并反馈给用户。通过这种方式，应用可以提供更加智能和个性化的服务。

3. 跨平台开发

在一些跨平台开发框架中，如React Native和Cordova，OC和JS的交互是实现应用功能的重要手段。通过这些框架，开发者可以使用JavaScript编写前端逻辑，并通过OC实现平台特定的功能，从而实现跨平台开发。

五、总结

通过上述几种方法，开发者可以在iOS应用中实现OC和JS的交互。每种方法都有其适用的场景和优缺点。在实际项目中，开发者应根据具体需求选择合适的交互方式，以实现最佳的用户体验和功能实现。无论是通过WebView进行简单的页面嵌入和脚本执行，还是通过NSURLProtocol进行复杂的网络请求拦截和处理，亦或是通过JavaScriptCore进行高效的脚本解析和执行，这些技术都为开发者提供了强大的工具和灵活的解决方案。