cordova

最近做项目，顺便学学cordova打包APK,踩过很多坑，最后总结出一份完整的cordova环境配置笔记和APP打包笔记：检测是否满足构建平台的要求：> cordova requirements打包常用命令：> cordova create first com.example.first firstAppcd firstcordova platform add android --savecordova platform lscordova build android注意：打包文件中不能出现中文命名的文件、文件夹###  设置 应用图标（android）在应用目录下找到platforms\android\res目录在res目录下找到所有有icon.png文件的然后把icon.png文件覆盖成你的。命令窗口下执行cordova build android即可生成带有自己图标应用的android程序。【环境搭建：】1、安装node.js下载安装node.js,https://nodejs.org/en/，安装cordova时需要使用。安装完成之后在终端（win+r,cmd）执行node -v，如果看到如下所示的版本号表示安装成功。D:\file\0000 wingconnFile\UI>`node -v`v6.11.2> node -v 2.安装java jdk下载http://www.oracle.com/technetwork/java/javase/downloads/index.html，【下载】java: jdk-8u151-windows-x64.exe【安装】到C盘， C:\Program Files\Java      下有两个文件夹：   jdk1.8.0_151    jre1.8.0_151【配置环境变量】：JAVA_HOME :  C:\Program Files\Java\jdk1.8.0_151path :  %JAVA_HOME%\binCLASSPATH : %JAVA_HOME%\bin【检查】安装是否OK    我用的是：D:\file\001 ownnote_ktv\cordova\first>`java -version`java version "1.8.0_151"Java(TM) SE Runtime Environment (build 1.8.0_151-b12)Java HotSpot(TM) 64-Bit Server VM (build 25.151-b12, mixed mode)> java -version> javac3.安装ant下载连接:http://ant.apache.org/bindownload.cgi，下载完成之后解压到你想安装的目录，比如D:\ant。然后将目录添加到系统变量里，步骤如下：右击我的电脑，点击属性，左侧菜单点击高级系统设置，在弹窗中点击环境变量，然后在用户变量中添加变量ANT_HOME,值为D:\ant，添加变量path，值为D:\ant\bin，添加变量classpath，值为D:\ant\lib。配置好之后在终端输入ant -v，如果出现如下图所示则表示成功。D:\file\0000 wingconnFile\UI>`ant -v`Unable to locate tools.jar. Expected to find it in D:\software\JDK2\lib\tools.jarApache Ant(TM) version 1.9.9 compiled on February 2 2017Trying the default build file: build.xmlBuildfile: build.xml does not exist!Build failed> ant -v4.安装 Android SDKhttp://tools.android-studio.org/index.php/sdk/下载  android-sdk-windows 解压配环境变量 输入命令： 检测是否安装成功，如果有一堆内容，就配置完成了  > android -h > android adb > android list target   5.安装cordova. 在终端执行下面命令>  npm install -g cordova>  cordova -v测试安装是否成功，终端输入cordova -v，如果出现如下所示提示表示安装成功D:\file\0000 wingconnFile\UI>`cordova -v`6.0.06. 检测是否满足构建平台的要求: 【编译app前进行检测】>  cordova requirementsRequirements check results for android:Java JDK: installed .Android SDK: installedAndroid target: installed android-23,android-27Gradle: installed如果以上都已经完成了，那恭喜你环境配置成功了！7.查看项目安装的插件> cordova plugin list参考：【cordova官网】  http://cordova.axuer.com/docs/zh-cn/latest/guide/cli/index.html参考： http://www.cnblogs.com/xiyangbaixue/archive/2016/04/11/5374728.html【【【【创建第一个应用：】】】】 1.在终端进入你想要创建的目录，执行下面的命令：>   cordova create first com.example.first firstApp CordovaDemo:项目文件夹名com.first.first:项目包名,first为目录firstApp:项目,app名称2.添加平台>  cd first>  cordova platform add android --save>  cordova platform ls添加android平台，下载可能会比较慢.到这里我们的cordova项目就创建好了。6.【可检测是否满足构建平台】 3.编译app`cordova build android`编译android系统，最后如果看到build successful,就可以了如果报错：      是关于android-sdk的错。接下来就是苦逼的安装各种sdk了。我也不知道咋装，反正我现在还在装...>   cordova build android 4.运行app模拟器上运行> cordova emulate android浏览器上运行浏览器访问http://localhost:8000即可> cordova serve android真机上运行> cordova run android恭喜你第一个应用程序完成了！ 常用命令：1、创建应用cordova create first com.example.first firstApp 2、添加平台cordova platform add androidcordova platform add ioscordova platform add amazon-fireoscordova platform add blackberry10cordova platform add firefoxos 3、查看平台cordova platforms ls 4、删除平台cordova platform remove android或者cordova platform rm android 5、打包appcordova build android  6、运行appcordova emulate androidcordova serve androidcordova run android 总结：hybrid app相对native app来说开发起来速度快，相对容易，但是没有native那么流畅，性能和体验稍微差些。并且文件大小相差也很大，同样一个应用native只要几k，二hybrid却要几兆。下面是我自己分别使用cordova和phonegap开发的新闻应用，欢迎大家安装使用。https://github.com/baixuexiyang/hybrid