Firefox OS 應用的開發(fā)及發(fā)布
Firefox OS本身以及其上面的所有應用程序皆使用HTML5技術(shù)標準，對于那些熟悉HTML、JS以及CSS技術(shù)的開發(fā)者來說，開發(fā)一個Firefox OS 應用的過程非常簡單。不同的是Firefox OS 存在一些諸如撥打電話、收發(fā)短信、3G和WIFI網(wǎng)絡連接等適用于移動設備的特征，所幸的是這些功能的調(diào)用可以非常簡單，就像調(diào)用普通JS組件一樣，控制JS對象就行。Mozilla 也正為將這些自家開發(fā)的特征能夠加入到HTML5技術(shù)標準里去而與W3C標準制定組織進行溝通。
下面講一下發(fā)布 Firefox OS 應用的的兩個方法：
1.在編譯GAIA之前，把你的的測試app移動到GAIA目錄下的apps文件夾里，然后執(zhí)行make命令。
此方法下，你的測試應用既可以刷入到B2G設備中運行也可以在電腦桌面模擬器里邊運行
2.將你的應用發(fā)布到網(wǎng)絡服務器，進行在線安裝。但麻煩是，你需要將你的應用提交到mozilla應用市場并通過審核后進行安裝或者自己寫一個APP的安裝頁面，再通過這個頁面進行安裝。
下面我們用一個非常簡單的DEMO來說一下如何開發(fā)Firefox OS 應用
1.新建一個名為appdemo的文件夾作為項目的根目錄（TIPS:文件夾名稱必須為小寫字母）
2.在appdemo目錄下，新建index.html，COPY入以下內(nèi)容：
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- </head>
- <body>
- Welcome to visit:Mozfans.com
- </body>
- </html>
3.在appdemo目錄下，建立一個manifest.webapp文件，COPY入以下內(nèi)容：
- {
- "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.發(fā)布，這里我使用上面提過的第一個方法進行，將整個appdemo文件夾放到gaia文件夾的的apps目錄下面。重新編譯你的GAIA源碼，完成之后運行桌面模擬器，在模擬器界面中，你就會看到你發(fā)布的應用了。
源碼下載：http://chyblog-chyblog.stor.sinaapp.com/wp-content/uploads/2012/09/testapp.zip
效果截圖：
運行結(jié)果：
