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

獻(xiàn)上框架.m文件的內(nèi)部實(shí)現(xiàn)和代碼注釋

導(dǎo)入<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 - 公共方法 - /*** 是否是一個(gè)JS函數(shù)** @param jsFunctionName js函數(shù)名** @return 是函數(shù)返回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注冊(cè)名稱空間** @param nameSpace 名稱空間*/ - (void)createJSNameSpace:(NSString *)nameSpace {/*// 對(duì)應(yīng)的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 - 注冊(cè)方法緩存 - - (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 - 清空緩存注冊(cè)方法 - - (void)clear {[[self registeredMethods] removeAllObjects]; }#pragma mark - 注冊(cè)方法 - - (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];//設(shè)置回調(diào)函數(shù)緩存if(![self isJSVariable:@"__CallbackCaches__"]) {[self stringByEvaluatingJavaScriptFromString:@"var __CallbackCaches__ = new Object();"];}//運(yùn)行時(shí)植入js代碼，使js擁有js回調(diào)能力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 - 注冊(cè)u(píng)rl進(jìn)行調(diào)用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復(fù)制代碼

.h文件

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

那么我們?nèi)绾问褂媚?我給大家演示一下使用步驟吧

• 第一步攔截跳轉(zhuǎn)

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

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

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

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。