B2G apps 只是用 HTML、CSS、和 Javascript 寫的 Web apps。在網頁上發佈 Web apps 就跟發佈一般的網站一樣。為了讓網站可以像 Web app 一樣可以被安裝在行動裝置上,你只需要加上一個 manifest 以及掛上一個安裝按鈕,如以下說明。
建議您從下面的文章著手:
當然,您也可以無拘無束地 沉浸在 Open Web Apps 的深處!
安裝 Web app
在網頁上發佈 app 和 manifest 之後,接著要讓 Gecko 知道這個訊息。像是在安裝時,Gecko 查詢 manifest 並將必須的項目加入到 home 的畫面,等等。
安裝 app 需要呼叫 navigator.mozApps.install() API。這裡有個安裝按鈕的範例,當您將 app 置於自己管理的位置時,這個範例可以讓您將按鈕嵌入於您自己的網頁:
<script> var manifest_url = "https://my.webapp.com/manifest.json"; </script> <button onclick="navigator.mozApps.install(manifest_url); return false;"> Install this awesome app on your homescreen! </button>
注意:這個安裝按鈕也可以被置於像是 Mozilla Marketplace 的 app market,然而一般而言,在您自己的主要頁面上面也放一個「安裝 web app」的按鈕是非常貼心的。
現在請用 B2G 瀏覽器 app 瀏覽您的網站,並且點選安裝按鈕吧。