ionic插件基础（一）——插件的目录结构

本文参考http://www.ioniconline.com/plugin-dev-android/

基础

IONIC下的插件都是遵循CORDOVA插件([BIBAPACHECORDOVA])规范，同时提供与CORDOVA类似的PLUGIN子命令来管理插件(IONIC PLUGIN XXX)。

对于一个ionic项目，该项目的目录结构如下：



我们的插件就保存在plugins/目录下了。

插件命令的使用：

当我们在cmd中进入该目录，并输入

ionic plugin list

即可看到当前项目的插件列表：



我们可以使用下面的命令查询、安装、卸载插件：

ionic plugin list //列出所有已安装插件
ionic plugin remove 插件名  //先根据上面的list列出插件，然后根据插件名卸载
ionic plugin  add  插件地址 //这个插件地址可以是github的项目地址，也可以是一个文件夹路径
ionic –help  //查看帮助文件

插件的目录结构

由于插件是遵循Cordova插件规范，所以每个插件的代码目录层次结构都是高度类似的。每一个插件都是plugins/的一个子目录。

从图中可以看出，插件框架中将不同平台的实现代码都放在各自不同的目录下(android/ios)，通过ionic统一生成各自对应平台的应用程序。

为了方便管理plugins/下多个插件，通常在plugins/下会有一个总的管理文件，比如编译android平台的时候，会有一个android.json文件，里面放着当前插件的简单信息。

当用户使用ionic plugin add/remove命令来添加、删除插件的时候，android.json也会自动的把相应插件定义条目添加或者删除掉。

android.json文件的内容如下：

{
"prepare_queue": {
"installed": [],
"uninstalled": []
},
"config_munge": {
"files": {}
},
"installed_plugins": {
"cordova-plugin-console": {
"PACKAGE_NAME": "com.ionicframework.myproject460720"
},
"cordova-plugin-device": {
"PACKAGE_NAME": "com.ionicframework.myproject460720"
},
"cordova-plugin-splashscreen": {
"PACKAGE_NAME": "com.ionicframework.myproject460720"
},
"cordova-plugin-statusbar": {
"PACKAGE_NAME": "com.ionicframework.myproject460720"
},
"cordova-plugin-whitelist": {
"PACKAGE_NAME": "com.ionicframework.myproject460720"
},
"ionic-plugin-keyboard": {
"PACKAGE_NAME": "com.ionicframework.myproject460720"
},
"cordova-plugin-crosswalk-webview": {
"PACKAGE_NAME": "com.ionicframework.myproject460720"
}
},
"dependent_plugins": {}
}