您的位置:首页 > 其它

移动应用技术选型

2016-06-13 22:48 288 查看

平台

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: