iOS-Cordova模块手动集成开发使用

上一篇介绍了Cordova开发环境搭建以及使用，不过该文是依赖CordovaLib.xcodeproj工程的也就是说必须要导入相关的工程以及文件，而我一直比较不喜欢这种方式，于是尝试只导入我需要的模块文件来构建我们的App，过程就不多说了，来看看成过吧（只是一个简单的登录示例）。

1 新建一工程命名Cordova

导入我们需要的文件如图

import.png

有一部分文件夹和文件涉及到公司信息了，所有打个码。下面介绍一下各文件：

代号	介绍
1	存放html文件
2	js文件，h5与原生交互用得到，想用cordova必须要懂点js
3	是cordova的一些类文件（忘了展开了，一会附图吧），有一些会报错需要导入#import
4	js执行文件
5	js执行文件
6	原生类文件h5调用

config.xml是配置文件，里面需要进行一些配置，免得不识别你的文件

config.png

这里就是你自己创建的类6（见上图）。
如果是加载本地文件，路径一定要设置正确才能加载出来。需求不一样这里就说怎么加载html了。到此基本配置完成

开始写代码

我们的html同事提供一个plugin.js文件，这个文件很重要，这是h5调用原生方法的入口，我们h5同事提供了这样一个方法：

var Utils = (function() {
        /*
         * apiGateWayPost 请求原声数据
         * @param {object} success
         **/
     var __apiGatePost = function(serviceName, para, success, onErr) {
         if(isH5Test) {
         var ajax = new MYAJAX(serviceName, para, success,onErr);
         } else {
         loadShow();
     var __data = {
         "method": serviceName,
         "para": para
     };
     function onAPISuceess(data) {
         loadHide();
         success(data);
     }
     function onErr(data) {
         loadHide();
     }
         CDVOriginalPort('apiGateWayPost', __data, onAPISuceess, onErr);
         }
     }
}

文件4里面依然是js执行代码：

function CDVOriginalPort(RequestType, RequestData, fun_callbackSuccess, fun_callbackFail) {
    if (RequestType == "apiGateWayPost") { //post请求
      pact_apiGateWayPost(RequestData, fun_callbackSuccess,  fun_callbackFail);
     }
}
//post请求
function pact_apiGateWayPost(RequestData, fun_callbackSuccess, fun_callbackFail) {
    oldAlert('111');
  Pact.apiGateWayPost(RequestData, fun_callbackSuccess, fun_callbackFail);
}

文件5还是js执行代码：

cordova.define("cordova-plugin-Pact.Pact", function(require, exports, module) {
  var exec = require('cordova/exec');
  module.exports = {
  apiGateWayPost: function(RequestData, onSuccess, onError) {
        oldAlert('222');
        exec(onSuccess, onError, "Pact", "apiGateWayPost", [RequestData]);
    },
  }
}

文件4和文件5是需要我们原生和h5人员沟通之后，我们来维护的。

看我们原生类6中的代码：

- (void)apiGateWayPost:(CDVInvokedUrlCommand *)command {
    NSDictionary *old_dic = [command.arguments lastObject];
    NSString *method = old_dic[@"method"];
    NSMutableDictionary *para = old_dic[@"para"];
    UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"提示" message:@"333"   preferredStyle:UIAlertControllerStyleAlert];
    UIApplication *app = [UIApplication sharedApplication];
    AppDelegate *delegate = (AppDelegate*)app.delegate;
    [delegate.window.rootViewController presentViewController:alert animated:YES completion:nil];
}

这里我并没有做什么处理，只是给个提示框能不能走到这里而已，只要走到这个方法就说明h5已经可以调用我们原生的方法了，既然这样剩下的就要看我们心情来处理了，嘿嘿。
如果需要给h5传值的话可以在上方法中实现：

[self.commandDelegate runInBackground:^{
        CDVPluginResult *result = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsDictionary:nil];
        [self.commandDelegate sendPluginResult:result callbackId:command.callbackId];
    }];

具体怎么传还要看具体情况了，看效果：[图片上传中...(ACA719F3-88BB-41F2-8D49-F943C54C9F1E.png-a0c1e9-1517565156197-0)]

111.png

333.png

整个流程大体就是这样了，因为工程里面涉及一些公司信息，没有上传demo，以后时间可以补发一份，看完依然有疑问的小伙伴可以私下找我。个人感觉这种方式比起上一篇文章说的集成方式要省事一些，个人感觉哈。
谢谢各位捧场啦。先写到这里，先写到这里~