从0到1的ionic自定义插件
2022/9/17 23:18:40
本文主要是介绍从0到1的ionic自定义插件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、准备工作
在创建插件的时候需要用到plugman插件,所以我们先在cmd中通过npm进行安装,如下:
npm install -g plugman
二、开发插件
1. 创建插件
创建一个插件框架---例如:plugman creat --name 插件名字 --plugin_id 插件id --plugin_version 插件版本号,插件可创建在磁盘的任意位置命令格式如下:
plugman create --name MyPlugin --plugin_id com.plugin.myPlugin --plugin_version 0.0.1
使用命令创建完成之后会生成如下文件
2添加平台支持,常用的有两种平台,android和ios
cd MyPlugin
plugman platform add --platform_name android
自定义插件文件作用说明:
- MyPlugin.js作用是通过js暴露插件的功能给ionic,这个我们就能够在ionic中调用java方法
2.MyPlugin.java主要用于存放java代码,我们需要调用的java方法都需要放在这里面,自定义插件需要继承CordovaPlugin类,并且覆盖execute方法。我们简单看看这个类是什么意思.
主要看方法execute(String action, JSONArray args, CallbackContext callbackContext)。 参数action是用来判断执行哪个方法,args是json格式的参数,callbackContext响应返回结果。如图
3.package.json这个不需要关注,在插件目录下使用npm init即可生成,这个一般添加插件的时候可能需要用到,具体作用我这里就不阐述了,可以自行百度下.
4.plugin.xml主要用来关联插件中的各个文件,一般不需要修改,如有新增so库或者jar包,需要在此文件中声明.如我在插件中添加自定义的jar包则需要在plugin.xml中加上
三、插件的安装和插件的卸载
1. 安装插件
自定义好插件之后,如果我们需要使用插件,那么还需要在项目中添加插件,添加插件的命令如下
cordova plugin add D:\MyPlugin
其中 D:\MyPlugin是你的自定义插件生成路径.执行插件添加后会在项目中生成一个plugin的文件,里面就会出现我们刚添加的插件
到这一步我们自定义的插件就已经添加好了.
2. 卸载插件
在开发过程中,我们难免要去修改之前的插件,这个时候如有对插件进行修改,一定要先卸载之前的这个插件,然后再次重新执行安装的方法,生成的插件才会生效.卸载插件我们是根据插件的名称来卸载的,这时候需要先查看已经安装的插件有哪些,查看已安装插件命令
cordova plugin 该命令用于查看项目已安装插件
ionic cordova plugin remove 插件名
到此插件的安装和卸载到此结束:注意自定义插件只能在移动设备使用,不能在浏览器中运行
四、插件的使用
在ts文件中使用插件首先需要在import和@Component之间声明变量 declare let window: any;如下
之后就可以进行调用了,代码如下
这篇关于从0到1的ionic自定义插件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-22怎么实现ansible playbook 备份代码中命名包含时间戳功能?-icode9专业技术文章分享
- 2024-11-22ansible 的archive 参数是什么意思?-icode9专业技术文章分享
- 2024-11-22ansible 中怎么只用archive 排除某个目录?-icode9专业技术文章分享
- 2024-11-22exclude_path参数是什么作用?-icode9专业技术文章分享
- 2024-11-22微信开放平台第三方平台什么时候调用数据预拉取和数据周期性更新接口?-icode9专业技术文章分享
- 2024-11-22uniapp 实现聊天消息会话的列表功能怎么实现?-icode9专业技术文章分享
- 2024-11-22在Mac系统上将图片中的文字提取出来有哪些方法?-icode9专业技术文章分享
- 2024-11-22excel 表格中怎么固定一行显示不滚动?-icode9专业技术文章分享
- 2024-11-22怎么将 -rwxr-xr-x 修改为 drwxr-xr-x?-icode9专业技术文章分享
- 2024-11-22在Excel中怎么将小数向上取整到最接近的整数?-icode9专业技术文章分享