2015年Web：追求原有「框架」外的新功能

Web網站開發目前正在經歷一場巨大的變化，ServiceWorkers、感測器存取、推播通知等方式將打破Web原有的框架。而在2015年我們可以利用這幾種方式快速的改變自己的網站。在不斷增加的Web功能中尋求最適合自己的功能。

Web最初的設想是一個應用的通用版本，或者用歷史書上的話來說是「應用程式」。它是可以運行於任何地方的最小公分母，這使得Web完全建立在一個「框架」中，潛在的功能也僅限於一個「長方形的內容」。

早期的應用程式允許開發人員在後台執行程式碼、為離線使用提供快取資料、使用推播通知以及提供其他一些網站沒法提供的功能。然而Web目前正經歷一場巨大的改變。瀏覽器響應應用的革命，並且現在任何人都可以利用這些變化來「打破框架」。

這裡有三種打破框架最合用的方式：

1. ServiceWorkers允許應用利用伺服器的後台處理能力，例如透過hooks在離線時啟動Web應用。此系統的核心是事件驅動的Web Worker，它對Web文件或其他事件來源所分發的事件做出回應。 Service Worker在開放式Web平台上，為事件驅動的後台處理提供了一個通用的入口點（Entry Point），並可擴展以支援其他的規範要求。它可以讓一個Web頁面擁有後台運行的腳本,從而讓Web應用看上去更像一個原生應用。

2. 感測器存取將使頁面「意識到」使用者的環境。這麼多年來，網頁只知道使用者螢幕的大小和瀏覽器類型。而現在各種感測器的數據是可用的，環境光、麥克風和相機都出現在W3C標準中，這給予了網站矩形邊界以外的頁面。

3. 推播通知將允許網站與它們的用戶持續的連接，甚至是在用戶關閉了網站的瀏覽器選項。

4. ServiceWorkers與推播通知的組合也有一個非常重要的共生效應，推播不一定要顯示一個通知給用戶，取代的是執行任意的ServiceWorkers程式碼。換句話說，想像你最喜歡的節目，當你看第一集的時候，透過推送執行ServiceWorkers，將第二集預載入快取中，當你離線後，你就可以在想看的時候觀看第二集內容了。

我們需要注意什麼？

當一大波功能加入瀏覽器時，有些人可能會「心驚肉跳」。所以每個功能需要有一個權限檢查/視覺跡象來表明它是被使用的。例如，當一個麥克風錄音時，需有一個圖示符號讓使用者知道發生了什麼，並且可以透過這個圖示來取消應用程式。

另一個主要趨勢是安全網絡，像ServiceWorkers和推送等這些新功能是強大的，HTTPS被要求保護用戶和網站所有者。這可以防止惡意的無線運行商或ISP注入的程式碼對網站和使用者造成長期的影響。在2015年EFF將免費提供SSL，Google甚至建議將瀏覽器中所有的HTTP標記為不安全的，這將導致網站爆炸性的轉換成SSL。

編者註：我們所常見的連結位址是以「HTTP」開頭的，有些網站因為安全考量開始逐漸使用SSL，這樣就變成「HTTPS」協定。舉個例子，在使用HTTPS協定下，當你造訪http://www.csdn.net/時，會自動變成https://www.csdn.net/，也就是以「HTTPS」為網址開頭。在這種訪問模式下，表示你正在和這個網站進行加密連接，你與網站之間的通訊資料很難被第三方取得。

2015年如何定位自己的網站？

這裡有一些快速的方法可以改變你的網站，讓你的網站遙遙領先：

1. 「離線第一」：使用ServiceWorkers快取你網站最新的狀態，呈現出來，並在獲取新數據時顯示加載訊息，這將產生一個閃電般的用戶體驗。

2. 反應智能化：使用有效的感測資料為使用者提供預設或其他調整。舉個例子，如果一個網站有很多內容，那麼可以基於光照條件調整對比。遊戲或其他互動內容？那麼連接運動感應器，讓用戶有身臨其境的體驗。

3. 重新連結你的使用者：找到一個適合自己網站的自然的方式去喚起使用者的回憶。保持你網站的新鮮感。有些例子挺好，例如提醒新內容（新訊息/好友請求）。

一個專案的參觀者，他的目光往往會在售價上，所以你要為自己的網站找到真正適合的應用程式。而不是一味的模仿別人。

免費領取LAMP兄弟連原創PHP影片教學光碟/《細說PHP》精要版，詳情諮詢官網客服：

http://www.lampbrother.net

大家可以訂閱一下郵件，我會不時的跟大家分享IT相關教學及書籍。

http://list.qq.com/cgi-bin/qf_invite?id=ea7d919ad263169bce2be53a3e16da0f0ec55ac36513c68e