1 前言
现在跨平台开发或者混合开发非常流行了,例如RN Cordova等,感觉Cordova在国内的流行度也非常高,现在Cordova是Apache下的开源软件了。这里简单的记录一下环境搭建过程
2 Cordova搭建步骤
Cordova环境搭建主要参考官方指导文档
http://cordova.apache.org/#getstarted
http://cordova.axuer.com/docs/zh-cn/latest/guide/cli/index.html
主要参考以上两个网站来搭建环境,以Window10 上搭建Android平台为例,步骤分为以下几步
前提:已安装好Android开发的环境,包括JDK AS等
1 安装Cordova CLI
Cordova命令行工具作为npm包分发。安装cordova命令行工具,通过下面这些步骤:
(1)下载和安装Node.js。安装完成后你可以在命令行中使用node 和 npm 。
由于我在搭建RN时已经安装好了Node.js环境,这里不用安装了
(2) 安装cordova,使用以下命令
npm install -g cordova
-g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。
安装完成后,你应该能够在命令行中运行cordova命令,在没有任何参数的时候会打印一些帮助信息。
可以看到我这里的版本是8.0.0
2 初始化工程
安装好了Cordova之后,应该创建第一个工程,创建工程使用以下命令
cordova create 项目路径 项目包名 项目
1
例如 cordova create hello com.example.hello HelloWorld
在当前目录下创建一个 hello目录,创建包名为com.example.hello的工程
可以看到已经创建hello目录和工程了
3 为工程添加平台
这里的平台主要指Android IOS 浏览器等,我们可以用cordova platforms list 查看可以添加的平台
进入项目目录,输入cordova platforms list
可以看到,平台还挺多的,我们这里先添加Android平台
cordova platform add android --save
1
可以看到添加平台已经成功,至此工程初始化完成了,下面我们来编译运行工程
4 编译运行工程
要构建和运行App,你需要安装每个你需要平台的SDK。另外,当你使用浏览器开发你可以添加 browser平台,它不需要任何平台SDK。
(1)检测你是否满足构建平台的要求:
cordova requirements
1
(2)编译工程 cordova build
可以看到最后编译成功了
(2)运行工程
运行工程 有以下两种办法
//运行模拟器
cordova emulate android
//运行真机
cordova run android
1
2
3
4
在AS中打开运行,我这里在AS中打开运行
打开的过程会涉及到gradle同步,如果同步失败,请打开梯子,接受外面的阳光!
然后点击运行, 连接上真机,运行界面如下:
3 总结
一路下来,发现Cordova的环境搭建非常顺利,比起RN来说简直容易得多!简直让人不敢相信!
总结
写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 java开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯,更加需要准确的学习方向达到有效的学习效果。
由于内容较多就只放上一个大概的大纲,需要更及详细的学习思维导图的 点击我的Gitee获取。
还有 高级java全套视频教程 java进阶架构师 视频+资料+代码+面试题!
全方面的java进阶实践技术资料,并且还有技术大牛一起讨论交流解决问题。