IONIC插件的使用
来源:互联网 发布:js库有哪些 编辑:程序博客网 时间:2024/05/16 19:02
IONIC插件的调用
ionic作为前端代码,正常情况下是没有办法调用原生控件的,它的实现原理就android代码来说是把应用当成浏览器,提供一个webview用来显示前端的界面,而相机,蓝牙等功能是无法直接使用的。当然无法直接使用就代表着有另外的方法可以曲线救国。这里就要介绍cordova插件来解决这个问题。简单来说,cordova插件的作用是,为前端代码提供入口用以调用原生的代码,相当于转换器的作用。其中ionic本身已经提供了大量的cordova插件,可以在官网中直接输入你想要的功能的关键词进行查找比如照相机功能你可以输入“camera”,当然你也可以定制化你的插件,这个实现也不难,具体可以在cordova官网中学习,这个不是本次的主要内容,所以就不详细展开了。
1.导入插件
导入官网插件直接按照官网例子就可以。
导入自定义的插件,使用命令:ionic cordova plugin add 插件位置
2.插件使用
如果报 Runtime Error Cannot find module “ionic-native” IONIC 2 的错误
参考: http://www.zyyapp.com/post/315.html
在项目目录下输入命令: cnpm install ionic-native –save
调用自定义的插件, 其实很简单 , 网上到处都是一样的但都不能用
ionic3导入插件还需要package.json这个文件, 不然会报错, 导入语句也变成了 ionic cordova plugin add 插件位置, package.json 就是一个配置文件, 里面是该插件的一些配置信息
这里提供一份基础的配置文件仅供参考,其实可以去github上面进行查找,看看他人写的插件,会学到很多。
{ "name": "phonegap-plugin-compress_images", "version": "1.0.0", "description": "Compress Image Return Save Image Path", "keywords": [ "cordova", "phonegap", "ecosystem:cordova", "cordova-android", "cordova-ios", "android", "ios", "ionic", "camera", "cam", "camera-preview", "preview" ], "author": { "name": "Francis", "url": "solidfoundationwebdev.com" }, "license": "Apache 2.0", "dependencies": { "cordova": "*" }, "devDependencies": {}}
- IONIC插件的使用
- 使用Ionic自带的datepicker插件
- ionic Camera插件的使用(头像上传)
- ionic 使用ngcordova插件
- IONIC 自定义插件使用aar
- ionic 自定义插件 使用.aar
- Ionic学习笔记七 Cordova 文件下载插件的使用
- ionic 热更新插件cordova-hot-code-push的使用
- Ionic2使用非ionic-native中的cordova插件的方法
- Ionic2使用非ionic-native中的cordova插件的方法
- ionic插件基础(三)——插件原理及cordova相机插件的使用
- ionic插件基础(四)——ngCordova配置安装及ngCordova相机插件的使用
- Ionic Datepicker的使用
- ionic providers的使用
- ionic 简单的使用
- angularjs ionic 如何使用Cordova 插件
- 自定义开发ionic自带的日历插件ionic-datePicker
- Ionic-Native 中media插件的使用,录音功能的实现
- Servlet生命周期
- 14javaSocket应用(慕课笔记)
- Linux下的epoll
- HDU 6197 array array array
- C语言+EasyX编写键盘控制角色移动
- IONIC插件的使用
- 数据库的第一第二第三范式
- 记那些心不安分的日子
- 给uGUI添加自定义中文字库
- 仿酷狗音乐的侧滑菜单效果
- 69. Sqrt(x)
- JavaScript如何监听两个组合键
- php基础学习day3(数组和拆分字符串)
- 正则表达式笔记