Chrome APP分兩種，一種是Packaged Apps，一種是Hosted Apps。前者是本地端應用，可以將所有文件都包覆在壓縮檔內，無須上網便能直接啟動；而後者則是遠程端應用，壓縮檔內可以只放描述檔manifest.json，啟動後會直接連往指定的首頁，簡而言之，可以視為一種封裝後的書籤。
我後來選擇包裝成Hosted App，因為一來包裝簡便，二來更新容易，只需要更新伺服器端的js檔，便能同步更新用戶端。
而若要製作Hosted App，首先有個問題：上哪找網頁存放空間？js檔好解決，因為js檔可當作檔案被存取，但html檔不能被當作檔案，否則瀏覽器會直接顯示html的原始碼。
探訪了幾個免費存放網頁的服務，較著名的Google Site和DropPages都不能擔負此重責大任，前者僅能提供格式受限的網頁，後者則會擅改html和js檔。探查結果，大概只有GitHub Pages和Google Drive符合需求。在這邊我選擇使用後者來存放html檔，而js檔則置放於Google Code，以提醒自己不至於疏忽更新。
Google Drive原則上屬於網路硬碟，若要存放公開網頁，需要一些步驟，簡易流程如下：
1. 首先當然要有Google帳號，登入Google Drive之後，按右上方的建立，選擇資料夾:
2. 對著新建好的資料夾按右鍵，選擇共用：
3. 共用連結等一下會用到，先按下方的變更：
4. 點選公開在網路上，而後按儲存：
5. 資料夾公開後，回頭來檢視剛剛的共用連結，將中間這段網址複製出來：
6. 最終得到的公開網址為https://googledrive.com/host/剛複製的網址，如下：
7. 然後上傳index.html到此資料夾內，在瀏覽器輸入上述網址便能瀏覽首頁了：
8. Google Drive的網頁公開化設置至此完成，但事情還沒結束，當你設置好首頁，興沖沖在Chrome Store的開發者專頁上傳zip檔後，會有如下訊息，告知你須進一步驗證此首頁網址為你所有，怎麼辦？無須太過緊張，請點擊Google網站管理員工具：
9. 登入後，點選右上方的新增網站：
10. 輸入首頁所在的公開網址後，按繼續：
11. 新增網站之前，需先進行驗證，請點擊HTML驗證檔進行下載：
12. 然後登入Google Drive，將剛下載的驗證檔上傳到首頁所在的公開資料夾：
13. 檢視剛剛上傳的驗證網頁：
14. 檢視成功後，回到之前驗證頁面，按下方的驗證：
15. 終於看到新增成功的訊息，之後重新整理Chrome提交頁面，已經不會再提醒你驗證事項了，至此大功告成。
沒有留言:
張貼留言