美文网首页ionic程序员
ionic之插件开发

ionic之插件开发

作者: 武昌鱼艾特222 | 来源:发表于2018-02-10 15:05 被阅读165次

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

相关文章

网友评论

本文标题:ionic之插件开发

本文链接:https://www.haomeiwen.com/subject/teectftx.html