美文网首页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