cordova入门教程(二)插件的集成和使用

使用cordova开发App的时候,要使用手机硬件或访问原生API就要添加cordova插件。

添加插件

你可以添加cordova的插件也可以通过下面的命令行搜索npm上的插件

cordova plugin search camera

回车后,跳转到下面的页面


cordova入门教程(二)插件的集成和使用_第1张图片
cordova插件搜索页.png

选择好插件后,通过下面命令行添加插件

cordova plugin add cordova-plugin-camera

提示成功后,你就可以使用该插件了,至于在前端js中如何使用插件要看插件的api文档说明,下面列出codova本身提供的插件。

  • Battery Status
    可以添加电量低和电量临界的监听。
  • Camera
    拍照,获取本地图片,本地图片的缩略图,
  • Console
    日志
  • Contacts
    获取联系人
  • Device
    获取设备信息,比如UUID
  • Device-Motion
    加速传感器
  • Device Orientation
    指南针
  • Dialogs
    对话框,峰鸣
  • Files
    创建文件,读写文件,创建文件夹
  • File Transfer
    文件的上传和下载
  • Geolocation
    定位
  • Globalization
    本地化,比如语言,时区
  • Inappbrowser
    简便的浏览器
  • Media
    后台播放音频
  • Media Capture
    截图图片,视频,音频
  • Network Information
    网络状态
  • Splashscreen
    待研究...
  • Vibration
    振动
  • StatusBar
    定制Android或iOS的状态栏
  • WhitList
    跳转的白名单

使用插件

上面我们添加了cordova-plugin-camera以后,再js中我们就可以通过以下代码拍照啦

navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
    destinationType: Camera.DestinationType.FILE_URI });//第三个参数可以对拍照后返回的图片进行配置

function onSuccess(imageURI) {//成功回调
    var image = document.getElementById('myImage');
    image.src = imageURI;
}

function onFail(message) {//失败回调
    alert('Failed because: ' + message);
}

你可能感兴趣的:(cordova入门教程(二)插件的集成和使用)