ionic2踩坑之自定义插件开发及调用
关于ionic2自定义插件开发的文章,插件怎么调用的文章,好像网上都有,不过作为一个新手来说,从插件的开发到某个页面怎么调用,没有一个完整的过程的话,两篇没有关联的文章也容易看的迷糊。这里放到一起来方便后来人吧。
1、安装plugman
npm install -g plugman。
2、生成插件框架
plugman create --name <pluginname> --plugin_id <pluginid> --plugin_version
0.0
.
1
如:plugman create --name MyPlugin --plugin_id com.test.helloworld --plugin_version
0.0
.
1。
执行完之后会自动帮我们生成一套代码框架,这个放哪里生成都一样的,这里我以项目根目录为例。执行之后根目录多了一个文件夹,如图:
这个时候src下面是空的。
3、添加平台支持
进入插件目录,运行相应的平台支持命令
这里以android为例,ios也是一样的。
现在src下面就多了个目录了,如图:
4、安装插件
进入项目的根目录
ionic plugin add 你插件的存储路径
如:
ionic plugin list看一下,如图:
到了这里,最后一个问题来了,怎么调用呢?
1、在你的ts文件中定义一个方法,如图:
2、因为是ts,在这个ts的@Component之前,import之后,写一句declare let cordova: any;不然会报错。因为ts里要给他申明类型。
3、页面定义一个单击事件,调用fun()。
cordova.plugins.MyPlugin.coolMethod方法哪来的,你看看MyPlugin.js这个文件里面就知道了。
最新文章
- Nginx与Lua利用fpm打成rpm包
- Qt snippet — 打开文件&;保存文件
- HTML 运算符、类型转换
- C#实现对指定文件夹中文件按修改时间排序
- Altium designer 小技巧
- JQuery知识快览之三—JQuery对象集
- 【收藏】Myeclipse优化
- Android设计模式系列-适配器模式
- Win8/8.1/10获得完整管理员权限的方法
- 剑指offer(一)
- 听翁恺老师mooc笔记(1)--为何选择学习C
- zabbix调用api检索方法
- JAVA常用异常类
- CodeCraft-19 and Codeforces Round #537 (Div. 2) 题解
- elasticsearch 二、elasticsearch-head安装
- JdbcTemolate类的介绍<;一>;
- C++ 随机数rand()和srand()
- 20172325 2018-2019-1 《Java程序设计》第二周学习总结
- Linux QT 连接 Sqlite数据库
- Ubuntu 安装lrzsz工具