持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第11天,点击查看活动详情
Cordova Android使用简介
最近接触了一个安卓项目,使用的是Cordova跨平台框架开发,这个框架很早就听说过,但现在flutter、RN优秀的跨平台技术,再用Cordova就显得格格不入了。
Cordova是什么
Cordova是一个跨平台的框架,有些古老,让移动端的应用可以用JavaScript访问原生的设备,它就是一个跨平台的框架,不仅仅局限于安卓和IOS,还有Windows Phone甚至是Symbian。
远古的框架都是使用WebView达到兼容性,相应的性能损失很大,Cordova、uni都是如此, 虽然Cordova还在维护着,但对比现在Flutter的跨平台技术原理,也讲不出Cordova的竞争力,旧项目就维护着;新项目,还是使用Flutter作为首选。
它是贡献给Apache后的开源项目,是曾经没有多余选择时的最好选择。
搭建环境
顺利进行Cordova的开发需要先搭建node环境、安装Cordova插件、创建项目添加平台环境。
1. 搭建node环境
以windows电脑为例,下载nodeJs的安装包,进行安装,安装的时候需要记住安装目录,安装完成之后们进行环境变量的配置。
- 创建用户变量: 变量名:nodejs 变量值:E:\nodejs(安装时的实际路径)
- 然后在Path中新建环境变量%nodejs%
- 重启之后,在cmd窗口中,输入node,然后回车,能输出node的版本就正常了
2. 安装Cordova插件
cmd 窗口中运行以下命令安装Cordova插件。
npm install -g cordova
安装完毕之后,无需进行配置环境变量。
3. 创建项目
cordova create hellowCordova com.yourname HellowCordova
上面的命令就可以创建一个项目了,其中hellowCordova是文件夹名,com.yourname是包名,HellowCordova 是项目名。
注意,上面的命令创建的项目在cmd的目录下
4. 添加安卓模块
先进入到该项目的目录下,然后执行下面的命令
cordova platform add android –save
这样就会在该目录下的platform 文件夹下生成安卓项目的目录
如何进行开发
1. 原生部分
使用AndroidStudio运行开发安卓原生部分
用AS开发工具打开hellowCordova\platforms下的android 文件夹,AS就会进行编译,当个安卓项目正常运行
2. JS网页部分
网页部分的目录在www的目录下,比如hellowCordova\www,我尝试更改了html的内容,再运行安卓程序,没有修改成功。这是因为JS网页内容要进行编译。使用下面的命令进行编译之后再运行。
cordova build android