- 打开命令行安装全局cordova npm install -g cordova (这里不要使用cnpm,会导致安装不全,有很多坑)
- 创建项目 create hello
- cd hello
- 安装java开发工具包(JDK)、Android SDK
- 设置环境变量 系统变量->新建 红色字体为自己的路径
变量名:JAVA_HOME
变量值:D:Program FilesJavajdk1.8.0_73
变量名:SDK_HOME
变量值:F:BaiduYunDownloadadt-bundle-windows-x86_64-20140702sdk
变量名:path
变量值:
D:Program FilesJavajdk1.8.0_73in;F:BaiduYunDownloadadt-bundle-windows-x86_64-20140702sdk ools;F:BaiduYunDownloadadt-bundle-windows-x86_64-20140702sdkplatform-tools(注意分号)
变量名:classpath
变量值:
D:Program FilesJavajdk1.8.0_73lib;D:Program FilesJavajdk1.8.0_73lib ools.jar;D:Program FilesJavajdk1.8.0_73libdt.jar(注意分号)
6.报错:缺少platform 26
7.从android-sdk-windows.7z中的SDK Manager.exe中下载最新的android 8.0.0(API 26)
8.
9.android update sdk --no-ui --all --filter "extra-android-m2repository" (没用)
10.下载gradle-4.2-all.zip解压,在环境变量配置PATH PATH=C:Program Filesgradle-x.xin
11.hello(项目)>platforms>android>cordova>lib>builders>GradleBuilder.js下面找到
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'https\://services.gradle.org/distributions/gradle-3.3-all.zip';
改成:
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'file:///D:/work/gradle-3.3-all.zip';
根据版本先从网上下载下来,在本地加载
- 将index.html中的
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
删除或改成:
<meta http-equiv="Content-Security-Policy">
不然js无法加载成功
- 调用插件----摄像头
cordova plugin add cordova-plugin-camera
在html中<button onClick="takePhoto()">拍照</button>
<img id="m1">
在js中
function takePhoto() {
navigator.camera.getPicture(takeSuccess, takeFail, {
destinationType : Camera.DestinationType.FILE_URI
});
//拍照成功后回调
function takeSuccess(imageURI) {
console.log('success' + imageURI);
document.getElementById('m1').src=imageURI;
}
//失败后回调
function takeFail(message) {
navigator.notification.alert("拍照失败,原因:" + message);
}
}
- 调用插件----在浏览器中打开网页
cordova plugin add cordova-plugin-inappbrowser
<button onclick="cordova.InAppBrowser.open('http://www.baidu.com', '_blank', 'location=yes')"> Test InAppBrowser </button>
15.自定义插件开发
http://m.blog.csdn.net/qq_23179075/article/details/77104276