Sencha touch实践(1)在ios,android上变web app为native app

sencha 来头

熟悉脚本的朋友一定或多或少听过Ext.js这个框架吧,sencha正来源于此,2010年著名的JavaScript框架ExtJS宣布,将现有ExtJS整合JQTouch和Raphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS也正式更名为Sencha。原域名www.extjs.com也已经跳转至www.sencha.com。
05082001_WQewSencha touch实践(1)在ios,android上变web app为native app

sencha touch用处

“Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5CSS3的 WEB标准,全面兼容Android和Apple iOS设备。”
没错,sencha touch可以让你用JS+HTML开发的web app作为native app运行在ios,android系统之上。

Demo演示

首先需要下载这个框架,下载地址:http://www.sencha.com/products/touch/
image05082001_WQewSencha touch实践(1)在ios,android上变web app为native app
下载完成后,可以解压缩看到一个目录:
imageimage05082001_WQewSencha touch实践(1)在ios,android上变web app为native app
我们使用Aptana Studio 3(这是一个用来做JS开发的工具)来建立一个项目,我们将sencha-touch.js导入到项目中,并且引用进index.htm
imageimageimage05082001_WQewSencha touch实践(1)在ios,android上变web app为native app
为了便于演示,我们做一个简单的输入和输出
imageimageimageimage05082001_WQewSencha touch实践(1)在ios,android上变web app为native app
为了能够部署到移动设备系统上去,我们还需要另外一个脚本,就是index.js,它的作用是让我们的web app安装到手机操作系统上
imageimageimageimageimage05082001_WQewSencha touch实践(1)在ios,android上变web app为native app
当然,有了这些还不够,我们仍然需要发布这个website到一个web server上。
我的网络出现一些问题,手机访问不到web server,明天试试。
Tags: 

延伸阅读

最新评论

发表评论