时人不识凌云木,直待凌云始道高。这篇文章主要讲述webapp开发学习---Cordova环境搭建相关的知识,希望能为你提供帮助。
Cordova 使用html, CSS &
JS进行移动App开发;
多平台共用一套代码;
免费开源
步骤:(来自Cordova官网)
1.安装Cordova(在node.js环境下进行安装)
命令提示行
npm -v
可以查看是否安装成功node.js
npm install -g cordova
安装cordova
2.创建一个项目
使用命令行创建一个空的Cordova项目。导航到你希望创建项目的目录
Example
cordova create myapp com.mycompany.myteam.myapp MyApp
3.添加一个平台
在创建完一个Cordova项目后,导航到项目目录。cd MyApp
在项目目录中,你需要添加你想构建app的平台
cordova platform add browser
/
cordova platform add android
4.运行APP
cordova run browser
/
cordova run android
这个是run browser 的运行的结果:
文章图片
5.打包Cordova应用
好了,现在尝试修改一下www/index.html,然后执行
cordova prepare android
cordova build android
OK了,如果命令行无错误信息的话就会在/platforms/android/build/outputs/apk目录下会生成一个apk,把它安装到你的手机试试看吧!
TIPS:
如果有错误信息,以下是一些通用的解决方法(不一定管用)
清理项目
cordova clean
或者重新添加平台
cordova platform remove android
cordova platform add android
基本上一个Cordova应用过程就是这样了,有一点要注意,每次在www目录下做的所有的修改,生成应用前都要先 cordova prepare [platform] 一遍再build
补充一点,以上前提是你已经拥有某个平台的开发环境,例如Android开发环境搭建好的前提下,才可能打包出APK
打开创建的项目,如下:
文章图片
用Android Studio这样打开:
文章图片
Android Studio 打开如下
文章图片
用模拟器或者真机测试如下:
文章图片
【webapp开发学习---Cordova环境搭建】
推荐阅读
- Servlet 工程 web.xml 中的 servlet 和 servlet-mapping 标签
- 开发app前需要提前准备的资料
- Puppet apply命令参数介绍
- Android的消息机制
- Android零基础入门第59节(AnalogClockDigitalClock和TextClock时钟组件)
- Android中监控USB的插拔
- 使用Mybatis-Generator自动生成DaoModelMapping相关文件(转)
- linux centos 恢复 还原 备份 Snapper 快照说明
- app的支付宝接入代码及注意事项