Firefox OS本身以及其上面的所有应用程序皆使用HTML5技术标准,对于那些熟悉HTML、JS以及CSS技术的开发者来说,开发一个Firefox OS 应用的过程非常简单。不同的是Firefox OS 存在一些诸如拨打电话、收发短信、3G和WIFI网络连接等适用于移动设备的特征,所幸的是这些功能的调用可以非常简单,就像调用普通JS组件一样,控制JS对象就行。Mozilla 也正为将这些自家开发的特征能够加入到HTML5技术标准里去而与W3C标准制定组织进行沟通。
下面讲一下发布 Firefox OS 应用的的两个方法:
1.在编译GAIA之前,把你的的测试app移动到GAIA目录下的apps文件夹里,然后执行make命令。
此方法下,你的测试应用既可以刷入到B2G设备中运行也可以在电脑桌面模拟器里边运行
2.将你的应用发布到网络服务器,进行在线安装。但麻烦是,你需要将你的应用提交到mozilla应用市场并通过审核后进行安装或者自己写一个APP的安装页面,再通过这个页面进行安装。
下面我们用一个非常简单的DEMO来说一下如何开发Firefox OS 应用
1.新建一个名为appdemo的文件夹作为项目的根目录(TIPS:文件夹名称必须为小写字母)
2.在appdemo目录下,新建index.html,COPY入以下内容:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- </head>
- <body>
- Welcome to visit:Mozfans.com
- </body>
- </html>
3.在appdemo目录下,建立一个manifest.webapp文件,COPY入以下内容:
- {
- "name": "Firefox OS App Tester",
- "launch_path": "/index.html",
- "developer": {
- "name": "chy",
- "url": "http://www.mozifans.com"
- },
- "appcache_path": "/cache.manifest",
- "fullscreen": "true",
- "icons": {
- "120": "/source/appdemo.png"
- },
- "permissions": [
- ]
- }
4.为APP添加图标,在appdemo目录下,建立一个名为source的目录,放入一张png格式的图片作为应用的图标,命名为appdemo.png
5.发布,这里我使用上面提过的第一个方法进行,将整个appdemo文件夹放到gaia文件夹的的apps目录下面。重新编译你的GAIA源码,完成之后运行桌面模拟器,在模拟器界面中,你就会看到你发布的应用了。
源码下载:http://chyblog-chyblog.stor.sinaapp.com/wp-content/uploads/2012/09/testapp.zip
效果截图:
运行结果: