cordova的Hybrid App开发环境搭建(Windows)

来源:互联网 发布:网站怎么做优化 编辑:程序博客网 时间:2024/05/18 20:10

前言:

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 路径添加至“变量值”并保存


至此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 tabscd myAppionic platform add androidionic build android
依次输入上述命令即可,这部分请参考
http://www.runoob.com/ionic/ionic-install.html


阅读全文
1 0
原创粉丝点击