Cordova的搭建

Cordova的搭建

cordova也叫phonegap,能够用来打包网页生成Android或iOS或其余平台的APP,它提供了一些native api,可让网页调用本地函数,极大地加强了网页的功能。
cordova的使用很是灵活,能够所有用网页和js来实现APP功能,也可使用网页+本地代码的形式来实现。html

那么咱们就开始Cordova的搭建吧!

一. Node.js的搭建

下载地址:https://nodejs.org/en/ 按默认路径安装java

安装完之后在命令行中输入:node

npm
Node.js就安装成功了。

二. Java环境的搭建

下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.htmlandroid

(1)选择对应的系统去下载,
(2)选择jdk的安装路径 D:\java\jdk1.8.0_121
(3)安装完jdk会跳出一个jre 一样安装在D:\java\jre1.8.0_121
如图:

(4)JAVA_HOME 环境变量的设置
安装JAVA JDK

打开个人电脑--属性--高级--环境变量npm

(在这特别注意的是用户变量和系统变量俩个都加还有就是注意本身的安装位置)
api

(5)修改环境变量 Path 环境变量
%JAVA_HOME%/bin;

(写到path起最前面,这样的作法是防止被覆盖)
网络

(6)修改环境变量CLASSPATH
%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar;

这样JAVA环境就搭建好了
验证:
android
弹出以下图所示就说明环境搭建成功了

三. Cordova环境的搭建

(1) Cordova全局安装
npm install -g cordova
命令行中输入进行全局安装
(2) 建立项目文件
cordova create dache com.shitu91.dache
选择一个盘符进行建立
(3) 搭建android环境
cordova platform add android --save
这个可能会时间长点,耐心等候。
(4)Cordova 打包
cordova build android --verbose

这里必须提到的一点是它会生成一个APK手机安装包,你能够直接辅助发送到手机上安装,体验。
路径:你当前项目下的 platforms\android\build\outputs\apk 能够直接找到APK安装包oracle

这时它会在外网下载一个压缩包可能会时间长点。
(5)真机测试
cordova run android
这一步必须手机链接数据线,它会在你手机上生成一个App软件。
如图:

好了,Cordova的环境搭建已经好了。其实本文更多的都是在说android的环境搭建,花的时间最多的也是这个,并且会有国内外网络的问题,会花很多时间。

相关文章
相关标签/搜索