Firefox OS所有應用都採用HTML5的標準，只要會HTML、CSS、JS，開發APP是非常簡單的，只是firefox os提供了一些針對移動裝置的特性，如電話、簡訊、WIFI、3G網路等，但呼叫這些功能跟普通的JS元件一樣，操縱JS物件即可。mozilla也在和 W3C進行協商，爭取將這些新增的特性新增到HTML5標準裡面去。
Firefox OS App的部署目前有兩種方式
1.在gaia編譯前，將你的App工程（App工程的目錄結構下面會詳細說明）放到gaia原始碼的apps或者test_apps目錄，然後make
這種方式可以在模擬器裡執行或者燒到B2G手機中執行你的應用
2.將你的App部署到web伺服器，通過線上方式進行安裝。但這樣，你需要將你的應用釋出到應用商店或者自己單獨寫一個供App安裝的頁面，讓使用者通過該頁面安裝你的應用。後面會有詳細的說明。
接下來我們以一個超級簡單的Demo來說明怎麼開發Firefox OS App
1.新建一個資料夾testapp作為專案根目錄（注意，資料夾名必須為小寫字母）
2.在testapp目錄下，新建index.html，程式碼如下
<!DOCTYPE html > <html > <head > <meta charset="utf-8" /> </head > <body > hello Firefox OS </body > </html >
3.在testapp目錄下，新建manifest.webapp，程式碼如下
{ "name": "Test App", "launch_path": "/index.html", "developer": { "name": "chy", "url": "http://chyblog.sinaapp.com" }, "appcache_path": "/cache.manifest", "fullscreen": "true", "icons": { "120": "/style/testApp.png" }, "permissions": [ ] }
4.新增應用的圖示，在testapp目錄下，新建style目錄，新增一張png格式的圖片，作為應用的圖示，取名為testApp.png
5.部署，我們採用上面提到的第一種方式進行部署，將testapp放到gaia原始碼的test_apps下面，然後重新編譯giai原始碼。編譯完後執行模擬器，在你的Firefox os中，會看到你新增的應用
6.如果需要線上安裝，首先需要把應用放到web伺服器上，然後新增一個安裝頁面，原始碼如下
<!DOCTYPE html > <html > <head > <meta charset="UTF-8"/> <title >online install </title > <script type="text/javascript"> function install() { var request = window .navigator.mozApps.install("http://demos.chyblog.com/testapp/manifest.webapp"); request.onsuccess = function() { // Save the App object that is returned var appRecord = this .result; alert('Installation successful!') }; request.onerror = function() { // Display the error information from the DOMError object alert('Install failed, error: ' + this.error.name); }; } </script > </head > <body > <input type="button" value="install Test App" onclick="install()"/><br > from:<a href="http://www.chyblog.com">http://www.chyblog.com </a > </body > </html >
需要把
var request = window .navigator.mozApps.install("http://demos.chyblog.com/testapp/manifest.webapp");
中的地址http://demos.chyblog.com/testapp/manifest.webapp替換成你的app下面manifest.webapp檔案訪問的URL路徑即可
部署好以後，使用B2G中的firefox瀏覽器訪問該安裝頁面的URL地址，點選“install Test App”按鈕，按照提示進行安裝即可。也可使用演示頁面，安裝該應用
效果截圖
原始碼下載：http://chyblog-chyblog.stor.sinaapp.com/wp-content/uploads/2012/09/testapp.zip