ionic程序员

ionic之插件开发

2018-02-10  本文已影响165人  武昌鱼艾特222

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的文件夹,如下所示:

customPlugin

3.添加插件平台

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.js

4.添加插件到项目

ionic cordova plugin add <pluginDirectory>

在本例中我们执行:

ionic cordova plugin add ../customPlugin

执行完命令之后项目中的plugins文件夹下多了cordova-wuchangyu-plugin文件夹,cordova-wuchangyu-plugin就是我们自定的插件,如下所示:

plugins

5.在项目中使用插件

在项目中声明cordova,然后调用自定义的方法,如下所示:

customPluginPage.ts
上一篇 下一篇

猜你喜欢

热点阅读