使用Cordova开发iOS App -- 打包插件及JS脚本

在上一篇--开发iOS插件中我们开发了一个插件，本篇将讲解如何将插件打包。

一、创建插件包

首先在桌面上创建一个文件夹com.catchzeng.testplugin(遵守命名规范),并创建子文件夹及子文件如下图,将插件的代码复制到ios文件夹下。

插件结构

插件结构

二、编写JS代码

编写testPlugin.js，向外部暴露testModel的testPlugin方法，这便是前端人员需要调用的接口。

var exec = require("cordova/exec");

function TestModel() {};

TestModel.prototype.testPlugin = function (success,fail,option) {
     exec(success, fail, 'testPlugin', 'testWithTitle', option);
};

var testModel = new TestModel();
module.exports = testModel;

三、配置plugin.xml文件

配置plugin.xml 就是为了告诉cordova我们的文件路径在哪,我们的oc类名是什么,oc对象名是什么,js类名及js对象名是什么等信息。这样cordova在安装插件时,才能找到正确的插件文件。

    
        
    
    
    testPlugin
    测试插件
    
    
        
    
    
    
        
        
        
        
        
        
        
        
            
            
                
            
        
    

参数说明：

• id="com.catchzeng.testplugin" ：插件id必须与文件夹名称相同
• ：此处配置js所在目录和调用的类（testModel）
• ：标示插件所需的oc .m文件
• ：标示插件所需的oc .h文件
• ：标示插件所需资源文件（图片、xib资源等）
• ：指明插件映射至ios的类名，此处的testPlugin便是对应到testPlugin.js exec(success, fail, 'testPlugin', 'testWithTitle', option); 中的testPlugin。

四、测试插件

新建一个Cordova项目，并添加iOS平台作为测试项目。

新建测试项目

添加插件到测试项目

cordova plugin add  xxxxxx

添加插件

修改工程项目的index.html

index.html

    
        
        
            
            
    

    
        调用iOS插件 

    

重新build iOS项目
cordova build ios

build

此时打开iOS工程后，运行程序便能得到看到插件的效果。

Plugin

将插件文件上传到git后，前端人员也可以使用git的方式安装我们编写的插件
cordova plugin add https://github.com/CatchZeng/com.catchzeng.testplugin

最后附上Demo地址：https://github.com/CatchZeng/com.catchzeng.testplugin