转载

iOS7之后JavaScript与Objective-C之间的通信

本文是投稿文章，作者：时乃天道

最近公司用Ping++集成了第三方支付，并且微信端也集成了这个功能，而微信付款时需要调用原生的支付宝支付或者微信支付，由此引出了JS调用OC方法的问题。

Js -> Native

以前传统的做法是根据url字符串来做特殊匹配，从而完成一些特定的工作譬如

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {  NSString *requestString = [[request URL] absoluteString];  NSString *scheme = @"js-pingpp";  NSString *protocol = [NSString stringWithFormat:@"%@://", scheme];  if ([requestString hasPrefix:protocol]) {   //调用相应支付Api   /*do something*/   return NO;  }  return YES; }

但是iOS7之后, iOS 7 引入了 JavaScriptCore 库，它把 WebKit 的 JavaScript 引擎用 Objective-C 封装,让JavaScript与Objective-C之间的通信变的非常简单。首先导入JavaScriptCore.framework框架, 然后

JS端：

TXBB_IOS_SDK.callPay(charge, this.success, this.cancel);

OC端:

.h中引入头文件，并实现协议和对应的方法

.m中在webViewDidFinishLoad中给context赋值，并把self指针给TXBB_IOS_SDK,JS端即可经过TXBB_IOS_SDK.callPay调用起Native方法

-(void)webViewDidFinishLoad:(UIWebView *)webView {  self.context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];  self.context[@"TXBB_IOS_SDK"] = self; } #pragma mark - JSExport Methods - (void)callPay:(NSString *)charge success:(NSString *) success cancel:(NSString *)cancel {  ...  [Pingpp createPayment:charge appURLScheme:@"msc" withCompletion:completion]; }

Native -> Js

OC端调用JS代码则只需通过context调用evaluateScript方法即可，下列代码即会用JS显示Hello World,而在iOS7.0之前你可能通过[webView stringByEvaluatingJavaScriptFromString:@"document.title"]方法来获取WebView的title。

-(void)webViewDidFinishLoad:(UIWebView *)webView   {        JSContext *context=[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];       NSString *alertJs=@"alert('Hello Word')";      [context evaluateScript:alertJs]; }

最后

JS和OC通信还有个非常著名的第三方库WebViewJavascriptBridge,如果你的项目需要支持iOS6之前的系统，你可以通过这个项目实现JS和OC的通信。

正文到此结束

所属分类：编程技术

本文标签： tar key URLs js Document ip App 协议代码 web API core java UI src 支付宝 value
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二