移动开发中的Web：WebView、WebKit、JSCore、Web 优化、热修复、跨平台……

Native - Web：通过 JavascriptCore，Native 可以直接在 Context 中执行 JS 语句，和 Web 侧进行通信和交互。

JSValue *value = [self.jsContext evaluateScript:@"document.cookie"]; 

Web - Native：对于 Web 侧向 Native 的通信，JavascriptCore 提供两种方式，注册 Block & Export 协议。

//Native 
  self.jsContext[@"addMethod"] = ^ NSInteger(NSInteger a, NSInteger b) { 
    return a + b; 
  }; 
         
  //JS 
  console.log(addMethod(1, 2));    //3 
 
  //Native 
  @protocol testJSExportProtocol <JSExport> 
  @property (readonly) NSString *string; 
  ... 
  @interface OCClass : NSObject <testJSExportProtocol> 
         
  //JS 
  var OCClass = new OCClass(); 
  console.log(OCClass.string); 

3. App 中的应用场景

• 基于 WebView 的通信，主要用于 App 向 H5 页面中注入的 JavaScript Open Api，如提供 Native 的拍照、音视频、定位，以及 App 内的登录与分享等功能。
• JavascriptCore，则催生了动态化、跨平台以及热修复等一系列技术的蓬勃发展。

跨平台与热修复

近几年来国内外移动端各种跨平台方案如雨后春笋般涌现，“Write once, run anywhere”不再是空话。这些跨平台技术方案的切入点是在 Web 侧 DSL、virtualDom 等方面的优化，以及 Native 侧 Runtime 的应用与封装，但两端通信的核心，依然是 JavascriptCore。

除了对跨平台技术的积极探索，国内开发者对热修复技术也产生了极大的热情，同样作为 Native 和 Web 的交叉点，JavascriptCore 依然承担着整个技术结构中的通信任务。

1. 基于 Web 的热修复技术

对于国内的 iOS 开发者来说，审核周期、敏感业务、支付分成以及 bug 修复都催生了热修复方向的不断探索。在苹果加强审核之前，几乎所有大型的 App 都把热修复当成了 iOS 开发的基础能力，最近在《移动开发还有救么》一文中也详细地介绍了相关黑科技的前世今生。在所有 iOS 热修复的方案中，基于 JavaScript、同时也是影响最大的就是 JSPatch。

基于上文的分析，对于脱离 WebView 的 Native 和 Web 间的通信，我们只能使用 JavascriptCore。而在 JavascriptCore 中提供了两种方式用于通信，即 Context 注册 Block 的回调，以及 JSExport。对于热修复的场景来说，我们不可能把潜在需要修复的函数都一一使用协议进行注册，更不能对新增方法和删除方法等进行处理，所以在 Native 和 Web 通信这个维度，我们只能采用 Context 注册 Block 的方式。

// 注册回调 
 context[@"_OC_callI"] = ^id(JSValue *obj, NSString *selectorName, JSValue *arguments, BOOL isSuper) { 
     return callSelector(nil, selectorName, arguments, obj, isSuper); 
 }; 
 context[@"_OC_callC"] = ^id(NSString *className, NSString *selectorName, JSValue *arguments) { 
     return callSelector(className, selectorName, arguments, nil, NO); 
 }; 

确定了通信采用 Block 回调的方式后，热修复就面临着如何在 JS 中调用类以及类的方法的问题。由于没有使用 JSExport 等方式，JS 是无法找到相应类等属性和方法的，在 JSPatch 中，通过简单的字符串替换，将所有方法都替换成通用函数 (__c)，然后就可以将相关信息传递给 Native，进而使用 runtime 接口调用方法。

// 替换全部方法调用 
 static NSString *_replaceStr = @".__c("$1")("; 
 
 // 调用方法 
 __c: function(methodName) { 
     ... 
     return function(){ 
         ... 
        var ret = instance ? _OC_callI(instance, selectorName, args, isSuper): 
                             _OC_callC(clsName, selectorName, args) 
        return _formatOCToJS(ret) 
   } 

当然对于 JSPatch 以及其它热修复的项目来说，Web 和 Native 通信只是整个框架中的一个技术点，更多的实现原理和细节由于篇幅的关系暂且不作介绍。

2. 基于 Web 的跨平台技术

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!