鄙人不才獻上一份UIWebView和JS交互的橋接框架 不多說直接上貨吧!!!

獻上框架.m文件的內部實現和代碼注釋

導入<objc/runtime.h>

#import "UIWebView+Bridge.h" #import <objc/runtime.h>#define kBridgeScheme @"bridge" #define kUIWebViewBridgeRegisteredMethods @"kUIWebViewBridgeRegisteredMethods"@interface NSString (Params)- (NSDictionary *)params;@end@implementation NSString (Params)- (NSDictionary *)params {NSArray *params = [self componentsSeparatedByString:@"&"];NSMutableDictionary *paramsDict = [NSMutableDictionary dictionary];for (NSString *query in params) {NSArray *paramComp = [query componentsSeparatedByString:@"="];if(paramComp.count > 1) {NSString *val = [paramComp[1] stringByRemovingPercentEncoding];NSData* data = [val dataUsingEncoding:NSUTF8StringEncoding];if(data) {NSDictionary *valDict = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableLeaves error:nil];[paramsDict setObject:valDict forKey:paramComp[0]];}}}return paramsDict; }@end@interface UIWebView ()@property (nonatomic,strong) NSMutableDictionary *registeredMethods;@end@implementation UIWebView (Bridge)#pragma mark - 公共方法 - /*** 是否是一個JS函數** @param jsFunctionName js函數名** @return 是函數返回YES*/ - (BOOL)isJSFunction:(NSString *)jsFunctionName {NSString *result = [self stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@&&typeof(%@)==\"function\"",jsFunctionName,jsFunctionName]];if([result isEqualToString:@"true"]) {return YES;}return NO; }/*** 是否存在js變量** @param jsVariableName 變量名** @return 是否存在*/ - (BOOL)isJSVariable:(NSString *)jsVariableName {NSString *result = [self stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"typeof(%@) == \"undefined\"",jsVariableName]];if([result isEqualToString:@"false"]) {return YES;}return NO; }/*** 向UIWebview注冊名稱空間** @param nameSpace 名稱空間*/ - (void)createJSNameSpace:(NSString *)nameSpace {/*// 對應的js代碼var Namespace = new Object();Namespace.register = function(path){var arr = path.split(".");var ns = "";for (var i = 0; i < arr.length; i++) {if (i > 0) {ns += ".";}ns += arr[i];eval("if(typeof(" + ns + ") == 'undefined') " + ns + " = new Object();");}}*/if(![self isJSVariable:@"Namespace"]) {[self stringByEvaluatingJavaScriptFromString:@"var Namespace = new Object();"];}if(![self isJSFunction:@"Namespace.register"]) {[self stringByEvaluatingJavaScriptFromString: @"var Namespace = new Object();Namespace.register = function(path){var arr = path.split(\".\");var ns = \"\";for (var i = 0; i < arr.length; i++) {if (i > 0) {ns += \".\";}ns += arr[i];eval(\"if(typeof(\" + ns + \") == 'undefined') \" + ns + \" = new Object();\");}}"];}if(nameSpace != nil) {[self stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"Namespace.register(\"%@\")",nameSpace]];} }#pragma mark - 注冊方法緩存 - - (NSMutableDictionary *)registeredMethods {NSMutableDictionary *registeredMethods = objc_getAssociatedObject(self, kUIWebViewBridgeRegisteredMethods);if(registeredMethods == nil) {registeredMethods = [NSMutableDictionary dictionary];[self setRegisteredMethods:registeredMethods];}return registeredMethods; }- (void)setRegisteredMethods:(NSMutableDictionary *)registeredMethods {objc_setAssociatedObject(self, kUIWebViewBridgeRegisteredMethods, registeredMethods, OBJC_ASSOCIATION_RETAIN_NONATOMIC); }#pragma mark - 清空緩存注冊方法 - - (void)clear {[[self registeredMethods] removeAllObjects]; }#pragma mark - 注冊方法 - - (void)registerJSMethod:(NSString *)jsMethod target:(id)target method:(SEL)method {//緩存方法NSMethodSignature *signature = [[target class] instanceMethodSignatureForSelector:method];NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:signature];invocation.target = target;invocation.selector = method;NSMutableDictionary *registeredMethods = self.registeredMethods;[registeredMethods setObject:invocation forKey:jsMethod];//設置回調函數緩存if(![self isJSVariable:@"__CallbackCaches__"]) {[self stringByEvaluatingJavaScriptFromString:@"var __CallbackCaches__ = new Object();"];}//運行時植入js代碼，使js擁有js回調能力if(![self isJSFunction:jsMethod]) {NSString *js = [NSString stringWithFormat:@"%@ = function(params,callback){__CallbackCaches__[\"%@\"]=callback;window.location.href=\"%@://%@?params=\"+encodeURIComponent(JSON.stringify(params));}",jsMethod,jsMethod,kBridgeScheme,jsMethod];[self stringByEvaluatingJavaScriptFromString:js];}}#pragma mark - 注冊url進行調用OC和js -- (BOOL)dispatchURL:(NSURL *)url {if([url.scheme isEqualToString:kBridgeScheme]) {NSString *jsMethod = url.host;NSDictionary *invokeParams = [url.query params][@"params"];NSInvocation *invocation = [[self registeredMethods] objectForKey:jsMethod];[invocation setArgument:&invokeParams atIndex:2];__autoreleasing NSDictionary *result = nil;[invocation invoke];[invocation getReturnValue:&result];NSData *jsonData = [NSJSONSerialization dataWithJSONObject:result options:NSJSONWritingPrettyPrinted error:nil];if(jsonData) {NSString *jsonString = [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];NSString *js = [NSString stringWithFormat:@"__CallbackCaches__[\"%@\"](JSON.parse(decodeURIComponent(\"%@\")))",jsMethod,[jsonString stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]]];[self stringByEvaluatingJavaScriptFromString:js];}[self stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"__CallbackMap__[\"%@\"]=NULL;",jsMethod]];return YES;}return NO; }@end復制代碼

.h文件

#import <UIKit/UIKit.h>/*** 標準方式橋接js*/ @interface UIWebView (Bridge)#pragma mark - JS工具方法 - /*** 是否是一個JS函數** @param jsFunctionName js函數名** @return 是函數返回YES*/ - (BOOL)isJSFunction:(NSString *)jsFunctionName;/*** 是否存在js變量** @param jsVariableName 變量名** @return 是否存在*/ - (BOOL)isJSVariable:(NSString *)jsVariableName;/*** 向UIWebview注冊名稱空間** @param nameSpace 名稱空間*/ - (void)createJSNameSpace:(NSString *)nameSpace;#pragma mark - 操作方法 -/*** 清空已注冊的方法*/ - (void)clear;/*** js方法和oc方法之間橋接注冊** @param jsMethod js方法名稱* @param target oc消息發送者* @param method oc消息*/ - (void)registerJSMethod:(NSString *)jsMethod target:(id)target method:(SEL)method;/*** url轉發，用于js回調** @param url url跳轉回調** @return 返回YES表示跳轉成功，并且橋接調用OC代碼，返回NO表示失敗*/ - (BOOL)dispatchURL:(NSURL *)url;@end復制代碼

那么我們如何使用呢!我給大家演示一下使用步驟吧

• 第一步攔截跳轉

#pragma mark - UIWebViewDelegate- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {// 1. 框架使用第一步 攔截跳轉return [self.webview dispatchURL:request.URL] == NO; } 復制代碼

• 第二步 綁定js和oc之間的函數,一定要注意方法名必須和h5那邊的方法名一樣否則無效

- (void)webViewDidFinishLoad:(UIWebView *)webView {// 2. 注冊 定義JS和OC之間的通訊函數 => 綁定 JS 函數 和 OC 函數[self.webview registerJSMethod:@"mapLink" target:self method:@selector(mapLink:)]; } 復制代碼

• 第三步 綁定的方法的實現 注意事項:返回值如若沒有不能反悔nil,要寫成返回空字典的形式

#pragma mark --- Action // params 參數表示JS調用的時候傳遞給OC對象的 // 返回值是表示 OC對象把數據返回給JS調用 - (NSDictionary *)mapLink:(NSDictionary *)params {DEF_DEBUG(@"%@",params);self.parameters = params[@"mapObj"];if(_locationBlock){_locationBlock(params[@"mapObj"]);}[self.navigationController popViewControllerAnimated:YES];return @{}; } 復制代碼

總結

以上是生活随笔為你收集整理的OC和JS互相调用小框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。