前言

這篇文章主要分享下自己在開發(fā)Web App遇到的問題和過程，以及一些很已經(jīng)（如何）填平的坑。如果您想要“如何開發(fā)Web App”或《30分鐘學(xué)會(huì)開發(fā)Web App》，請移步官方的開發(fā)手冊（文檔）。（下有鏈接）。

背景

感覺現(xiàn)在大家都在爭論（討論）兩件事情，Web App和Native App。前不久參加的HTML5守望者活動(dòng)，各方大佬都在針對這二者之間的優(yōu)劣，差異，兼容，普及等進(jìn)行探討。當(dāng)然，有爭議的才說明有價(jià)值嘛。

Chrome Web App

前不久Chrome又一次因超過了什么什么登上了各大新聞媒體的首頁，是的這已經(jīng)不是第一次了。Chrome自身有強(qiáng)大的插件市場，和最近（也不算最近了）推出的Chrome Web App。之前也一直有進(jìn)行過Chrome拓展的開發(fā)，被Chrome自身的API搞的暈頭轉(zhuǎn)向，不過在轉(zhuǎn)暈的同時(shí)也深深感受到了Web App的強(qiáng)大潛力。

制作Web App

剛剛試圖把一個(gè)簡單的“網(wǎng)頁項(xiàng)目”移植成Chrome Web App，說是移植，其實(shí)基本上就是重建，哦不，是新建……?，F(xiàn)在的網(wǎng)頁項(xiàng)目是一個(gè)使用PHP、MySQL做后端，很常見的一個(gè)PHP網(wǎng)站，使用了Slim做為PHP框架。
那么如何新建成Chrome Web App呢。顯而易見，使用PHP不大可能了。之前使用過Google自家的AngularJS做開發(fā)，所以還算熟悉，而且官方開發(fā)手冊也把AngularJS做首選的推薦開發(fā)框架。而且得益于Slim框架（PHP），全部都是RESTful的。
大概思路就是這樣：
一切都配合AngularJS和RESTful，這樣本地應(yīng)用只存靜態(tài)頁面，然后通過叭叭叭發(fā)送請求數(shù)據(jù)返回就可以了……。

感受

使用Google自家的AngularJS，幾乎大部分瀏覽器特性都可以使用，兼容性非常好，而且與桌面軟件幾乎無差，最重要的是了卻了我多年學(xué)不會(huì)軟件開發(fā)(嘗試過delphi未果)的心愿……Web App太強(qiáng)大了！

資源 （需梯子）

Chrome Web App中文開發(fā)手冊
Google Plus中文社群
官方英文論壇

問題

在開發(fā)過程中遇到了幾個(gè)問題：

permissions不僅僅可以調(diào)用功能，如果使用外部資源也要加進(jìn)去;
你可以放心大膽的使用類似-webkit，甚至V8的API;
-webkit-app-region: drag 可以控制應(yīng)用拖動(dòng);
如果你執(zhí)意要frame: 'none'的話，別忘記加上關(guān)閉按鈕;

期待與大家交流

最新評論