Cordova+Angularjs+Ionic混合开发入门篇(四)—— 插件的简单使用
来源:互联网 发布:国内云计算排名 编辑:程序博客网 时间:2024/05/16 13:28
⚠️:如果工程中使用手动方式加入插件了,那么就一直使用手动加入方式就行了,否则使用命令加入时会清除其他插件,就会造成工程页面全白了。
插件的使用方式,均采用命令行方式安装使用。下面主要讲网络插件和本地插件的使用。plugman生成的插件只有src、www和plugin.xml 这3个东西,package.json是手动命令添加的,因为上一篇有介绍,所以只重点讲如何与js交互进行使用插件。
注意:上面所有的图片都是本人现做现卖,实用的环境是nodeJS 6.11.1,cordova是7.0.1。iOS的插件类只生成了.m文件,如果你想自定义的话,需要往下看喽,其实就是修改xml里面的配置就可以了。
一:网络插件
1. cd 【ionic项目地址】 到ionic项目里, 运行命令
2. cordova plugin add 【plugin_id】 即可。
3. cordova plugin ls 可查询是否安装成功
二:本地插件
1. cd 【ionic项目地址】 到ionic项目里, 运行命令
2. cordova plugin add 【本地插件地址】 即可。
3. cordova plugin ls 可查询是否安装成功
扩展:
本地插件如果需要添加与js进行交互的方法,则需要做三个地方的处理。
第一:类的.h文件里声明函数名时应该带有(CDVInvokedUrlCommand*)command参数:
例如:+ (void)BindUser:(CDVInvokedUrlCommand*)command;
第二:修改plugin.xml
注意:插件创建好之后会自动创建好一个.m文件,如果是自己创建的需要在这里填写一下。
第三:修改www里的js文件
注意:需要与js交互的方法就是指带“:(CDVInvokedUrlCommand*)command”参数的方法。按照上面的格式写就行了。明眼人一看就懂,这里我就不废话了。
到此为止,已经OK啦!!!
- Cordova+Angularjs+Ionic混合开发入门篇(四)—— 插件的简单使用
- Cordova+Angularjs+Ionic混合开发入门篇(五)—— 插件的发布
- Cordova+Angularjs+Ionic混合开发入门篇(三)—— Cordova插件的创建与安装
- Cordova+Angularjs+Ionic混合开发入门篇(二)—— 创建ionic工程
- Cordova+Angularjs+Ionic 混合开发入门讲解
- Cordova+Angularjs+Ionic混合开发入门篇(一)----- ionic环境搭建
- Ionic— Cordova 插件开发
- angularjs ionic 如何使用Cordova 插件
- ionic插件基础(三)——插件原理及cordova相机插件的使用
- ionic+angularjs+cordova混合开发学习之路(前言)
- cordova + ionic混合apk的更新—H5部分更新
- 使用Ionic + Apache Cordova开发跨平台混合型的移动应用
- 使用Ionic + Apache Cordova开发跨平台混合型的移动应用
- 使用Ionic + Apache Cordova开发跨平台混合型的移动应用
- 使用Ionic + Apache Cordova开发跨平台混合型的移动应用
- 使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
- 混合开发项目总结一 (cordova插件的定义和使用)
- 混合开发:ionic+angular+cordova环境搭建(android)
- groovy 字符串和循环基础
- Git+IDEA
- java数据结构与算法-简单排序-选择排序
- 51nod 动态规划基础篇 6
- Java继承
- Cordova+Angularjs+Ionic混合开发入门篇(四)—— 插件的简单使用
- 大数据学习1:大数据平台基础环境搭建:vm虚机搭建+网络调试+克隆+本地yum配置
- PropertyAnimation属性动画
- linux下搭建ftp服务器
- kafka 高级API和低级API
- java中的多态
- 常见的两列布局和三列布局
- nginx搭建前后端分离架构
- jqgrid基本操作(转载)