Firefox OS 應用的開發及發布
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
效果截圖:
運行結果: