(转)cordova入门教程(一)
转自 http://www.jianshu.com/p/60e98587ae89
安装cordova cli
1、下载安装node.js(js的运行环境),安装时勾选npm(js包的管理工具)。
2、下载安装git(配置好环境变量)。
3、使用npm安装cordova。
- 在os或Linux上
http://www.jianshu.com/p/60e98587ae89
- 在Windows上
C:\>npm install -g cordova
创建App
创建cordova项目
$ cordova create hello com.example.hello HelloWorld
创建出来的工程目录如下图所示
添加平台
后续的命令都需要在cordova工程目录下进行,所以先进到工程根目录
cd hello
添加目标平台,以下命令行添加了ios和Android平台,并保存到根目录下的config.xml配置文件中
cordova platform add ios --save
cordova platform add android --save
添加目标平台需要的时间可能跟网络速度有关,下图是cmd添加Android平台的截图:
成功后,在cordova工程中的platforms文件夹中生成对应平台的工程文件。
通过下面的命令查看已添加的平台
cordova platform ls
对应平台环境搭建
打包,编译和运行app,需要搭建各个平台的开发和运行环境,如果只是开发前端项目无需各平台环境。这里先放上cordova官网上各平台环境的要求:
打包App
创建cordova工程的时候,生成的www文件夹为前端工程的放置的位置,目录基于web应用架构,如下图所示:
index.html为混合App的入口,一些初始化要放在www/js/index.js文件中的deviceready中。前端工程开发完成后就可以打包成对应各平台的App了。
cordova build
可以打包指定的平台
cordova build ios
更多的打包指令
Cordova build command reference documentation
当然打包的时候可能会出现一些问题,比如:
虽然你装了gradle了但cordova还是要去再下一个,而且下个半天下不下来。我们可以到..\platforms\android\cordova\lib\builders文件下找到GradleBuilder.js文件将
var distributionUrl = process.env[\'CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL\'] || \'http\\://services.gradle.org/distributions/gradle-2.13-all.zip\';
修改成
var distributionUrl = process.env[\'CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL\'] || \'file:///C:/Users/User/Desktop/gradle-2.13-all.zip\';//自己的gradle路径
修改后再次打包,就生成apk了(其他问题待补充…),下图为打包成功后cmd的提示:
最后到该目录拿到apk,或者使用下面的命令行就可以运行App了
cordova run android
作者:我是午饭
链接:http://www.jianshu.com/p/60e98587ae89
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。