Cordova webapp实战开发(九)- 怎么用别人的插件(plugin)

在实际的项目开发中,需要用到 cordova 的插件,进行各个不同平台的辅助开发,我们可以通过 plugins.cordova.io 对现有插件的搜索,以及安装。

例如我要安装这个插件(cordova - plugin -sqlite - 2) :

Cordova webapp实战开发(九)- 怎么用别人的插件(plugin)_第1张图片

因为我是ionic项目,所以进入你的项目目录,输入下面代码

$ sudo ionic plugin add cordova-plugin-sqlite-2

将插件安装进去后,需要编译一下

sudo ionic build ios

打开代码页面,就能看到iOS的代码

Cordova webapp实战开发(九)- 怎么用别人的插件(plugin)_第2张图片

打开插件目录,我们先来看看,plugin.xml文件,
plugin.xml是插件的配置文件


Cordova webapp实战开发(九)- 怎么用别人的插件(plugin)_第3张图片

// id: 插件的标识,即发布到 [plugins.cordova.io](http://plugins.cordova.io/) 的 ID , 这里是 cordova-plugin-sqlite-2


    //name , 插件的名称
    SQLitePlugin

    // description, 插件的描述信息
    Cordova SQLite Plugin 2

    // 定义插件的许可,例中是Cordova默认的许可,还可以是许可描述或许可期限的链接
    Apache 2.0

   // 定义与插件相关的关键字。Cordova研发组建立了公开、可搜索的插件仓库,添加的关键字能在你把插件提交到仓库后帮助被发现。这里写什么,cordova就能显示什么
    cordova,sqlite,websql

    // js-module元素定义了js的名字,它将在应用开始时自动加载。它定义了向Cordova公开的js接口。
    
        // clobbers元素指明了js对象赋值给加载的js对象。也就是sqlitePlugin
        
    

    // platform 平台设置文件, 安卓
    
        
            
                
            
        

        
    

      // platform 平台设置文件, iOS
    
        // config-file元素定义了在插件安装过程中的改动
        
          // feature 一个叫*SQLitePlugin*的特性添加到iOS项目的config.xml文件中,指向OC类SQLitePlugin
            
                
            
        
        // .h文件路径
        
         // .m文件路径
        
        // 依赖框架
        
    


详细plugin.xml用户名文件配置,请参考以下列表

Cordova webapp实战开发(九)- 怎么用别人的插件(plugin)_第4张图片
图片来源于网络

插件的使用,应当详细看API,因为JS的调用方式比较麻烦,也可以直接参考插件中的js文件。
例如 :

Cordova webapp实战开发(九)- 怎么用别人的插件(plugin)_第5张图片

js文件内的4000多行代码这里就不列出来了。
举一个例子

Cordova webapp实战开发(九)- 怎么用别人的插件(plugin)_第6张图片

openDatabase函数, 打开数据库函数。

你可能感兴趣的:(Cordova webapp实战开发(九)- 怎么用别人的插件(plugin))