Cordova自定义插件开发

一、创建Cordova项目
    cordova create CordovaProject io.cordova.hellocordova CordovaApp
        CordovaProject               是创建应用程序的目录名称。
        io.cordova.hellocordova      是默认的反向域值。 如果可能,您应该使用您自己的域值。
        CordovaApp                   是您应用的标题。

二、安装依赖plugman
    plugman是用于安装和卸载用于Apache Cordova项目的插件的命令行工具。

    https://www.npmjs.com/package/plugman

    进入项目目录,安装plugman

        $ cd E:\CordovaProject
        $ npm install -g plugman

 
 三、创建插件

    定义一个最简单的Toast插件
    1、插件创建

        plugman create --name [插件名] --plugin_id [插件id] --plugin_version [插件版本]

        为了方便管理,将插件创建在 Cordova 项目目录下的 plugins 文件夹下

        注意起名,不要和原生方法冲突了。

     
        $ cd plugins
        $ plugman create --name cordova-plugin-toastdemo --plugin_id cordova.plugin.toastdemo --plugin_version 1.0.0
        
    2、插件配置

        进入插件目录,添加插件支持的平台环境

        $ cd cordova-plugin-toastdemo
        $ plugman platform add --platform_name android
        $ plugman platform add --platform_name ios

    3、初始化插件

        进入插件目录

        $ cd cordova-plugin-toastdemo
        $ npm init

        提示的时候可以直接回车,使用默认值直到结束,将创建一个 package.json 文件
        
四、插件使用

    给 Cordova 项目添加 android 环境

    进入 Cordova 项目目录

    $ cd E:\CordovaProject
    $ cordova platform add android --save

    安装插件

    $ cordova plugin add E:\CordovaProject\plugins\cordova-plugin-toastdemo


    js调用
    
    <button type="button" id="toastMsg">Toast</button>

    $("#toastMsg").click(function(){
        cordova.plugins.ToastDemo.coolMethod("hello cordova!", function (ok) {
            console.log(ok + " ok::::::::::::::::")
        }, function (fail) {
            console.log(fail + " fail::::::::::::::::")
        })
    })

 



posted @ 2020-02-26 15:09  GordonDicaprio  阅读(369)  评论(0编辑  收藏