平台
- cordova - 鼻祖(国外), 选择自己喜欢的技术和UI组件, 构建SPA, 生成APP
- ionic - Cordova+AngularJS+Ionic UI
- APPCan - SDK收费的
- DCloud - Hbuilder + mui
- APICloud - 类似DCloud, 声称性能好
- React Native - facebook的
移动应用技术选型
https://kivy.org/#home
https://github.com/kivy/kivy
http://www.csdn.net/article/2014-09-01/2821473-kivy
http://blog.csdn.net/pugongying1988/article/details/37727317
http://txzone.net/2012/01/introducing-python-for-android/
http://www.iteye.com/news/23978
mobile webapp:
vue.js
https://vux.li/#!/demo
https://github.com/eteplus/vue-sui-demo
http://voyga.top/
https://www.zhihu.com/people/Voyga
http://ionicframework.com/
http://m.sui.taobao.org/components/#infinitescroll
http://taobaofu.zhuang.blog.163.com/blog/static/151027220201341011947540/
将mobile web app打包app
这样看着跟普通的应用是一样的啊
cordova 前身是PhoneGap,现在开源在apache下
http://phonegap.com/getstarted/
http://www.jb51.net/html5/80728.html
http://blog.csdn.net/mansai/article/details/18950293
http://www.cnblogs.com/hubcarl/p/4202784.html
hybrid app
混合app,native + html5 的app
兼备两者的有点,手选
http://baike.baidu.com/view/8488720.htm
去哪儿网开源UED: http://ued.qunar.com/
使用什么组合?
比如jqmobi就是基于jquery基础,但是不是MVC 不适合大项目,但是小项目非常好
比如ionic是基于angualrjs 是MVC 适合开发大小项目
phonegap/cordova 他就是adobe公司的,大公司维护更新速度是非常快的,
angualrjs 他是谷歌公司维护的,所以基于angularjs框架的ionic框架就很快活了起来
android环境搭建
http://bbs.phonegap100.com/thread-1456-1-1.html
http://bbs.phonegap100.com/thread-2988-1-1.html
0、下载java sdk 1.6以上版本 建议下载最新的版本 比如1.8以上
1、下载Android Development Tools
已经包括了Android sdk、esclipe,解压即可使用。 下载里面更新完成sdk的版本
http://bbs.phonegap100.com/thread-1456-1-1.html
2、设置系统变量
系统变量 Path后面添加:
D:\Program Files\ADT\sdk\tools;
D:\Program Files\ADT\sdk\platform-tools;
D:\Program Files\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin
C:\Program Files (x86)\Java\jdk1.6.0_10\bin;
新增 JAVA_HOME,设置值为java sdk 根目录:
C:\Program Files (x86)\Java\jdk1.6.0_10
3、下载并安装NodeJS
NodeJS
2、进入cmd,执行以下命令安装
npm install -g cordova
3、新建phonegap/cordova 项目
cordova create myApp
cd myApp
cordova platform add android
4、使用ADT工具打开并编辑该项目
File>New>Project>Android>Android Project from Existing Code
选择则刚才建立项目所在路径,即可使用ADT打开进行编辑。
打开的时候如果出现两个选项全选,如果出现很多,那么debug和build相关字眼的不选,最后也是剩余两个,然后点击完成
5、项目的结构
主要编辑 assets/www 目录下的 html css js 文件。
具体目录结构说明可参考:http://blog.csdn.net/crazy123456789/article/details/7518396
新版cordova安装视频教程地址:
http://bbs.phonegap100.com/thread-668-1-1.html