移动应用技术选型
2016-06-13 22:48
375 查看
平台
cordova - 鼻祖(国外), 选择自己喜欢的技术和UI组件, 构建SPA, 生成APPionic - Cordova+AngularJS+Ionic UI
APPCan - SDK收费的
DCloud - Hbuilder + mui
APICloud - 类似DCloud, 声称性能好
React Native - facebook的
移动应用技术选型
https://kivy.org/#homehttps://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.jshttps://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.htmlhttp://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
相关文章推荐
- Python类成员方法与静态方法
- LightOJ——1012Guilty Prince(连通块并查集)
- 设计模式--对象行为模式比较
- POI解析合并单元格
- 机器学习的几个问题探讨
- shell编程和正则表达式相关知识
- 机器学习的几个问题探讨
- 网络图片的二级缓存
- 设计模式--结构型模式比较
- 第10-11周项目:职员有薪水了啦
- OpenCV学习日记(一)——开发环境的配置
- 用Androidstudio的Terminal安装卸载应用
- 设计模式--创建型模式比较
- Java内存模型 之三个特性:
- PHP函数
- Android模拟器访问本地的localhost失败及解决方案
- Android自定义控件实战——水流波动效果的实现WaveView
- 自定义控件之图片适配RatioLayout
- 漫谈前端之路
- ORACLE如何创建表空间和用户