10min mobile-app
DESCRIPTION
TRANSCRIPT
![Page 1: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/1.jpg)
10分钟打造移动应用Only use html,javascript and your browser
@Easy2011.8
![Page 2: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/2.jpg)
PhoneGap
![Page 3: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/3.jpg)
Mobile Runtime
PhoneGap
App:HTML+JS
![Page 4: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/4.jpg)
Mobile Runtime
PhoneGap
App:HTML+JS
通过内嵌浏览器解析HTML和JS
![Page 5: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/5.jpg)
Mobile Runtime
PhoneGap Plugins
Extend JS
通过扩展的js库使用本地能力
![Page 6: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/6.jpg)
![Page 7: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/7.jpg)
a camera demo
![Page 8: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/8.jpg)
index.html
![Page 9: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/9.jpg)
加载phonegap.js
![Page 10: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/10.jpg)
添加body内容
![Page 11: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/11.jpg)
实现 capturePhoto 函数
![Page 12: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/12.jpg)
完整的index.html
![Page 13: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/13.jpg)
config.xml
![Page 14: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/14.jpg)
![Page 15: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/15.jpg)
当然还有phonegap.js 和 图标
全部的文件就这些了,打个Zip包
![Page 17: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/17.jpg)
![Page 18: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/18.jpg)
![Page 19: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/19.jpg)
看看成果
![Page 20: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/20.jpg)
go deep
![Page 21: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/21.jpg)
如何获取远程数据
![Page 22: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/22.jpg)
Ajax
PhoneGap运行在本地,不受跨域限制
![Page 23: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/23.jpg)
![Page 24: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/24.jpg)
开发框架?
![Page 25: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/25.jpg)
![Page 26: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/26.jpg)
![Page 27: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/27.jpg)
![Page 28: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/28.jpg)
![Page 29: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/29.jpg)
访问未提供的本地API?
![Page 30: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/30.jpg)
PhoneGap Plugin
![Page 31: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/31.jpg)
![Page 32: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/32.jpg)
![Page 33: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/33.jpg)
Android PluginStatusBar Notification
![Page 34: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/34.jpg)
也就两个文件
![Page 35: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/35.jpg)
JS文件
![Page 36: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/36.jpg)
Java文件
![Page 37: 10min mobile-app](https://reader037.vdocuments.site/reader037/viewer/2022102922/54bed7224a7959b15d8b45f2/html5/thumbnails/37.jpg)
That’s ALLso easy