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