1.安装plugman
npm install -g plugman
2.创建插件
plugman create --name <pluginName> --plugin_id <pluginID> --plugin_version <version> [--path <directory>] [--variable NAME=VALUE]
plugman createpackagejson .
在本例中我们执行:
plugman create --name customPlugin --plugin_id cordova-wuchangyu-plugin --plugin_version 1.0.0
plugman createpackagejson .
执行完命令之后会在当前目录生成一个名为customPlugin的文件夹,如下所示:
customPlugin3.添加插件平台
plugman platform add --platform_name android
plugman platform add --platform_name ios
执行完命令之后src文件夹下多了android、ios两个文件夹,android文件夹里有customPlugin.java文件,ios文件夹里有customPlugin.m文件。你可以在这两个文件添加方法来实现你想要的功能,然后在www/customPlugin.js写入对应的方法,如下所示:
customPlugin.java customPlugin.m customPlugin.js4.添加插件到项目
ionic cordova plugin add <pluginDirectory>
在本例中我们执行:
ionic cordova plugin add ../customPlugin
执行完命令之后项目中的plugins文件夹下多了cordova-wuchangyu-plugin文件夹,cordova-wuchangyu-plugin就是我们自定的插件,如下所示:
plugins5.在项目中使用插件
在项目中声明cordova,然后调用自定义的方法,如下所示:
customPluginPage.ts
网友评论