美文网首页
Cordova webapp实战开发(九)- 怎么用别人的插件(

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

作者: travin | 来源:发表于2016-07-20 15:10 被阅读662次

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

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

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

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

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

    sudo ionic build ios
    

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

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


    <?xml version="1.0" encoding="UTF-8"?>
    // id: 插件的标识,即发布到 [plugins.cordova.io](http://plugins.cordova.io/) 的 ID , 这里是 cordova-plugin-sqlite-2
    <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
            id="cordova-plugin-sqlite-2" version="1.0.4">
    
        //name , 插件的名称
        <name>SQLitePlugin</name>
    
        // description, 插件的描述信息
        <description>Cordova SQLite Plugin 2</description>
    
        // 定义插件的许可,例中是Cordova默认的许可,还可以是许可描述或许可期限的链接
        <license>Apache 2.0</license>
    
       // 定义与插件相关的关键字。Cordova研发组建立了公开、可搜索的插件仓库,添加的关键字能在你把插件提交到仓库后帮助被发现。这里写什么,cordova就能显示什么
        <keywords>cordova,sqlite,websql</keywords>
    
        // js-module元素定义了js的名字,它将在应用开始时自动加载。它定义了向Cordova公开的js接口。
        <js-module src="dist/sqlite-plugin.js" name="sqlitePlugin">
            // clobbers元素指明了js对象赋值给加载的js对象。也就是sqlitePlugin
            <clobbers target="sqlitePlugin"/>
        </js-module>
    
        // platform 平台设置文件, 安卓
        <platform name="android">
            <config-file target="config.xml" parent="/*">
                <feature name="SQLitePlugin">
                    <param name="android-package" value="com.nolanlawson.cordova.sqlite.SQLitePlugin"/>
                </feature>
            </config-file>
    
            <source-file src="src/android/SQLitePlugin.java" target-dir="src/com/nolanlawson/cordova/sqlite" />
        </platform>
    
          // platform 平台设置文件, iOS
        <platform name="ios">
            // config-file元素定义了在插件安装过程中的改动
            <config-file target="config.xml" parent="/*">
              // feature 一个叫*SQLitePlugin*的特性添加到iOS项目的config.xml文件中,指向OC类SQLitePlugin
                <feature name="SQLitePlugin">
                    <param name="ios-package" value="SQLitePlugin" />
                </feature>
            </config-file>
            // .h文件路径
            <header-file src="src/ios/SQLitePlugin.h" />
             // .m文件路径
            <source-file src="src/ios/SQLitePlugin.m" />
            // 依赖框架
            <framework src="libsqlite3.dylib" />
        </platform>
    
    </plugin>
    

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

    图片来源于网络

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

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

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

    相关文章

      网友评论

          本文标题:Cordova webapp实战开发(九)- 怎么用别人的插件(

          本文链接:https://www.haomeiwen.com/subject/qfjvjttx.html