一、创建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::::::::::::::::")
})
})