前言:
W3Cschool对于cordova的定义:Cordova 是用于使用HTML,CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器,用于将我们的网络应用程序与本机移动功能连接。默认情况下,Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连接提供了桥梁。 通过使用cordova,我们可以使混合移动应用程序,可以使用摄像头,地理位置,文件系统和其他本地移动功能。
使用cordova之前,我们需要安装以下组件:
1-Node.js
2-java SDK
3-Android SDK
1、安装NodeJs
前往Node.js官网下载Node.js,可根据实际情况选择相应版本,由于博主是去年开发的项目,所以一些组件的版本有些低,这里当时安装的是6.2.0版本。下载后按提示步骤安装即可,安装成功后通过Dos命令node -v查看是否安装成功,显示版本号即安装成功。
2、安装java SDK
前往http://www.oracle.com/technetwork/java/javase/downloads/index.html下载java SDK(jdk)并运行安装。
安装成功后开始为jdk配置环境变量:系统属性→高级系统设置→环境变量,打开如下界面:
在系统变量中新建一个“JAVA_HOME”的变量,
变量值为你刚才安装jdk时的路径:
在“系统变量”列表中找到“Path”变量,
将 jdk 的 bin 路径添加至“变量值”并保存
将 jdk 的 bin 路径添加至“变量值”并保存
至此JAVA SDK就完成了安装配置,输入java -version检查是否安装成功:
3、安装Android SDK
前往https://developer.android.com/studio/index.html下载Android SDK并安装,这步按照提示一步步安装就可以
,安装成功后为Android SDK配置系统变量,具体操作与配置java SDK相似,系统属性→高级系统设置→环境变量,
添加“ANDROID_HOME”系统变量,变量值为之前安装的路径:
在“系统变量”列表中找到“Path”变量,将 Android SDK 的 tools 和 platform-tools 路径添加至“变量值”并保存:
输入“android”,能看到以下窗口即安装配置成功:
接下来
使用 Android SDK Manager 安装所需组件:
4、安装cordova
输入cmd命令:npm install -g cordova ionic,用cordova -v检查是否安装成功
5、创建cordova应用
使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用:
ionic start myApp tabs
cd myApp
ionic platform add android
ionic build android
依次输入上述命令即可,这部分请参考http://www.runoob.com/ionic/ionic-install.html