10min mobile-app

37
10分钟打造移动应用 Only use html,javascript and your browser @Easy 2011.8

Upload: easychen

Post on 21-Jan-2015

1.165 views

Category:

Technology


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: 10min mobile-app

10分钟打造移动应用Only use html,javascript and your browser

@Easy2011.8

Page 2: 10min mobile-app

PhoneGap

Page 3: 10min mobile-app

Mobile Runtime

PhoneGap

App:HTML+JS

Page 4: 10min mobile-app

Mobile Runtime

PhoneGap

App:HTML+JS

通过内嵌浏览器解析HTML和JS

Page 5: 10min mobile-app

Mobile Runtime

PhoneGap Plugins

Extend JS

通过扩展的js库使用本地能力

Page 6: 10min mobile-app
Page 7: 10min mobile-app

a camera demo

Page 8: 10min mobile-app

index.html

Page 9: 10min mobile-app

加载phonegap.js

Page 10: 10min mobile-app

添加body内容

Page 11: 10min mobile-app

实现 capturePhoto 函数

Page 12: 10min mobile-app

完整的index.html

Page 13: 10min mobile-app

config.xml

Page 14: 10min mobile-app
Page 15: 10min mobile-app

当然还有phonegap.js 和 图标

全部的文件就这些了,打个Zip包

Page 16: 10min mobile-app

http://build.phonegap.com

在线构建

Page 17: 10min mobile-app
Page 18: 10min mobile-app
Page 19: 10min mobile-app

看看成果

Page 20: 10min mobile-app

go deep

Page 21: 10min mobile-app

如何获取远程数据

Page 22: 10min mobile-app

Ajax

PhoneGap运行在本地,不受跨域限制

Page 23: 10min mobile-app
Page 24: 10min mobile-app

开发框架?

Page 25: 10min mobile-app
Page 26: 10min mobile-app
Page 27: 10min mobile-app
Page 28: 10min mobile-app
Page 29: 10min mobile-app

访问未提供的本地API?

Page 30: 10min mobile-app

PhoneGap Plugin

Page 31: 10min mobile-app
Page 32: 10min mobile-app
Page 33: 10min mobile-app

Android PluginStatusBar Notification

Page 34: 10min mobile-app

也就两个文件

Page 35: 10min mobile-app

JS文件

Page 36: 10min mobile-app

Java文件

Page 37: 10min mobile-app

That’s ALLso easy