Chrome Web App開發小結,chromewebapp小結_PHP教程

來源:互聯網
上載者:User

Chrome Web App開發小結,chromewebapp小結


前言

這篇文章主要分享下自己在開發Web App遇到的問題和過程,以及一些很已經(如何)填平的坑。如果您想要“如何開發Web App”或《30分鐘學會開發Web App》,請移步官方的開發手冊(文檔)。(下有連結)。

背景

感覺現在大家都在爭論(討論)兩件事情,Web App和Native App。前不久參加的HTML5守望者活動,各方大佬都在針對這二者之間的優劣,差異,相容,普及等進行探討。當然,有爭議的才說明有價值嘛。

Chrome Web App

前不久Chrome又一次因超過了什麼什麼登上了各大新聞媒體的首頁,是的這已經不是第一次了。Chrome自身有強大的外掛程式市場,和最近(也不算最近了)推出的Chrome Web App。之前也一直有進行過Chrome拓展的開發,被Chrome自身的API搞的暈頭轉向,不過在轉暈的同時也深深感受到了Web App的強大潛力。

製作Web App

剛剛試圖把一個簡單的“網頁項目”移植成Chrome Web App,說是移植,其實基本上就是重建,哦不,是建立……。現在的網頁項目是一個使用PHP、MySQL做後端,很常見的一個PHP網站,使用了Slim做為PHP架構。
那麼如何建立成Chrome Web App呢。顯而易見,使用PHP不大可能了。之前使用過Google自家的AngularJS做開發,所以還算熟悉,而且官方開發手冊也把AngularJS做首選的推薦開發架構。而且得益於Slim架構(PHP),全部都是RESTful的。
大概思路就是這樣:
一切都配合AngularJS和RESTful,這樣本地應用只存靜態頁面,然後通過叭叭叭發送請求資料返回就可以了……。

感受

使用Google自家的AngularJS,幾乎大部分瀏覽器特性都可以使用,相容性非常好,而且與案頭軟體幾乎無差,最重要的是了卻了我多年學不會軟體開發(嘗試過delphi未果)的心愿……Web App太強大了!

資源 (需梯子)

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

問題

在開發過程中遇到了幾個問題:

permissions不僅僅可以調用功能,如果使用外部資源也要加進去;
你可以放心大膽的使用類似-webkit,甚至V8的API;
-webkit-app-region: drag 可以控制應用拖動;
如果你執意要frame: 'none'的話,別忘記加上關閉按鈕;

期待與大家交流


Chrome Web App 與擴充有什不同

實際上很多使用者還都不太清楚
,為此 Google Code Labs 最近的一篇文章很好的為我們解釋了這個問題。
  簡單來說,一個 App (應用)應該有其顯示在瀏覽器中的自有 UI(使用者介面),而 Chrome 擴充則多是用於提醒訊息或者是增強使用者 web 體驗的工具。
  對於開發人員來說,這篇文章還深入解釋了 .crx 這個打包格式以及自動更新所需的許可權相關的資訊。另外你應該還可以知道你要實現的功能應該做成擴充還是做成 Web App,如果要做 Web App 的話,是做成託管(Hosted) app 還是打包(Packaged) app ——前者只是通過 manifest.json 檔案將使用者重新導向到另外一個安全的 網址,而後者 .crx 檔案包括了運行 App 所有必需的 .css .html 等檔案。
 

我覺得chrome os很牛逼,所以想問下開發他的web app需要什基礎?

chrome os就是在linux上運行了一個chrome瀏覽器,支援原來所有的web應用
 

http://www.bkjia.com/PHPjc/874633.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/874633.htmlTechArticleChrome Web App開發小結,chromewebapp小結 前言 這篇文章主要分享下自己在開發Web App遇到的問題和過程,以及一些很已經(如何)填平的坑。如...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.