Firefox OS 应用的开发及发布

移动开发
Firefox OS本身以及其上面的所有应用程序皆使用HTML5技术标准,对于那些熟悉HTML、JS以及CSS技术的开发者来说,开发一个Firefox OS 应用的过程非常简单。不同的是Firefox OS 存在一些诸如拨打电话、收发短信、3G和WIFI网络连接等适用于移动设备的特征,所幸的是这些功能的调用可以非常简单,就像调用普通JS组件一样,控制JS对象就行。

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入以下内容:

  1. <!DOCTYPE html> 
  2.    
  3. <html> 
  4.    
  5. <head> 
  6.    
  7. <meta charset="utf-8" /> 
  8.    
  9. </head> 
  10.    
  11. <body> 
  12.    
  13. Welcome to visit:Mozfans.com  
  14.    
  15. </body> 
  16.    
  17. </html> 

3.在appdemo目录下,建立一个manifest.webapp文件,COPY入以下内容:

  1. {  
  2.    
  3. "name": "Firefox OS App Tester",  
  4.    
  5. "launch_path": "/index.html",  
  6.    
  7. "developer": {  
  8.    
  9. "name": "chy",  
  10.    
  11. "url": "http://www.mozifans.com"  
  12.    
  13. },  
  14.    
  15. "appcache_path": "/cache.manifest",  
  16.    
  17. "fullscreen": "true",  
  18.    
  19. "icons": {  
  20.    
  21. "120": "/source/appdemo.png"  
  22.    
  23. },  
  24.    
  25. "permissions": [  
  26.    
  27. ]  
  28.    

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

效果截图:

Firefox OS 应用的开发及发布

运行结果:

02.jpg

 

责任编辑:Yeva 来源: mozfans
相关推荐

2013-01-14 13:14:11

Firefox OS

2012-09-29 10:24:14

Firefox OS

2012-09-04 13:35:24

Firefox OS

2013-01-14 12:40:56

Firefox OS

2013-02-25 09:15:30

MWC 2013Firefox OS

2013-02-25 09:18:33

2013-01-14 12:24:06

Firefox OS

2013-01-14 12:19:48

Firefox OSFirefox OS

2013-03-17 15:35:03

Firefox OS模拟器

2014-01-09 14:07:46

Firefox OS操作系统

2009-07-23 13:14:20

ASP.NET应用程序

2013-01-14 13:21:09

Firefox os

2013-06-24 09:23:25

Firefox OS火狐手机Android

2014-06-16 10:20:46

Firefox OSWeb Apps

2013-01-14 12:53:13

Firefox OSIndexedDB

2011-07-12 10:10:28

Mac OS X Li

2013-01-14 12:10:46

firefox osfirefox os

2020-12-04 09:52:22

鸿蒙OS

2020-12-08 09:45:33

鸿蒙OS应用开发

2020-12-03 10:05:07

鸿蒙OS
点赞
收藏

51CTO技术栈公众号