Android项目里集成Cordova详解

下载地址:https://nodejs.org/en/

安装完成后,cmd执行 npm install -g cordova ,全局安装Cordova。

Android项目里集成Cordova详解


Android项目里集成Cordova详解

注意:可能会有点慢,请耐心等待!

二 cmd创建Android项目

1.新建一个项目:
路径名>cordova create 文件名 包名 工程名

2.添加Android平台:cordova platform add android

Android项目里集成Cordova详解

三 导入工程 运行一下

1.导入工程

Android项目里集成Cordova详解


Android项目里集成Cordova详解

2.运行一下,如果出现以下界面,恭喜你,Cordova环境集成成功,你可以开始下一步操作了。

Android项目里集成Cordova详解

四 调用插件

1.cmd添加摄像机插件:android路径名>cordova plugin add cordova-plugin-camera

Android项目里集成Cordova详解

2.查看已安装的插件列表

Android项目里集成Cordova详解


备注:懒得进行以上步骤的朋友,可以点击以下链接直接下载,对于开发使用没有影响。

基于node.js4.47无插件下载

基于node.jd4.4.7全插件下载

相关附件可从以下信息的得到下载:

点击这个 链接关注 Linux公社官方微信,关注后回复数字144362。即可得到网友的分享密码。

如果取消关注Linux公社公众号,即使再次关注,也将无法提供本服务!

链接: https://pan.baidu.com/s/1kUJGDIB 密码:获得见上面的方法,地址失效请在下面留言。

------------------------------------------分割线------------------------------------------

也可以到Linux公社1号FTP服务器下载

FTP地址:ftp://ftp1.linuxidc.com

用户名:ftp1.linuxidc.com

密码:

在 2017年LinuxIDC.com/5月/Android项目里集成Cordova详解/

下载方法见

------------------------------------------分割线------------------------------------------ 

3.编写index.html文件

在head里加入:

<head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <script type="text/javascript" charset="utf-8" src="cordova.js"></script> <script type="text/javascript" charset="utf-8"> var destinationType; document.addEventListener("deviceready",onDeviceReady,false); //Cordova加载完成会触发 function onDeviceReady() { destinationType=navigator.camera.DestinationType; } //拍照 function capturePhoto() { if(!navigator.camera){ alert('camera:') } //拍照并获取Base64编码的图像(quality : 存储图像的质量,范围是[0,100]) navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50, destinationType: destinationType.DATA_URL } ); } //拍照成功 function onPhotoDataSuccess(imageData) { console.log(imageData); var smallImage = document.getElementById('smallImage'); smallImage.style.display = 'block'; smallImage.src = "data:image/jpeg;base64," + imageData; } //拍照失败 function onFail(message) { alert('拍照失败: ' + message); } </script> </head>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/f0f8ae4e81dfdaab8f001d6325e1e1d9.html