告你什么文集

告你什么文集是一個個人博客，開發(fā)者為了自己的博客內容所進行編寫，開發(fā)者在上面會分享很多知識上的內容，這些內容現(xiàn)在可以直接的在這款軟件當中進行展示，用戶無需的打開網(wǎng)頁或者是博客的頁面，觀看知識上面更加的方便一些，感興趣的話就快來下載這款告你什么文集！

告你什么文集介紹

告你什么文集是一個我專門用來發(fā)布技術文章的靜態(tài)個人博客，和以往架構不同的是，次系列全部采用serverless架構思想。

相關介紹

這個App是使用Android TWA構建的

PWA，即Progressive-Web-App，漸進式網(wǎng)絡應用，概念有點類似于微信小程序，和MIUI的快應用，但是比他們更簡單，沒有平臺依賴性，你只需在瀏覽器中訪問支持PWA的網(wǎng)頁，就能收到安裝提示。

PWA可以

讓你離線瀏覽內容，擺脫對于網(wǎng)絡的束縛

提示安裝到桌面，提升用戶粘性/依賴度

即使沒有打開網(wǎng)頁，也能主動推送通知

即刻安裝，免除對于存儲空間的考慮

工作原理

W3C 組織早在 2014 年 5 月就提出過 Service Worker 這樣的一個 HTML5 API ，主要用來做持久的離線緩存。

瀏覽器中的 javaScript 都是運行在一個單一主線程上的，在同一時間內只能做一件事情。隨著 Web 業(yè)務不斷復雜，我們逐漸在 js 中加了很多耗資源、耗時間的復雜運算過程，這些過程導致的性能問題在 WebApp 的復雜化過程中更加凸顯出來。

軟件特點

一個獨立的 worker 線程，獨立于當前網(wǎng)頁進程，有自己獨立的 worker context。

一旦被 install，就永遠存在，除非被手動 unregister

用到的時候可以直接喚醒，不用的時候自動睡眠

可編程攔截代理請求和返回緩存文件，緩存的文件可以被網(wǎng)頁進程fetch到

離線內容開發(fā)者可控

能向客戶端推送消息

不能直接操作 DOM

必須在 HTTPS 環(huán)境下才能工作

異步實現(xiàn)，內部大都是通過Promise實現(xiàn)

所以我們基本上知道了 Service Worker 的偉大使命，就是讓緩存做到優(yōu)雅和極致，讓 Web App 相對于 Native App 的缺點更加弱化，也為開發(fā)者提供了對性能和體驗的無限遐想。[1]

實現(xiàn)過程

Chrome 將在您的應用符合以下條件時自動顯示橫幅（添加到桌面的提示）：

擁有一個網(wǎng)絡應用清單文件（manifest.json），該文件至少具有：

一個 short_name（用于主屏幕）

一個 name（用于橫幅中）

一個 192x192 png 圖標（圖標聲明必須包含一個 mime 類型的 image/png）

一個加載的 start_url

擁有一個在您的網(wǎng)站上注冊的服務工作線程（service worker）

通過HTTPS提供（這是使用服務工作線程的一項要求）。

被訪問至少兩次(第一次訪問執(zhí)行安裝和激活，第二次訪問生效，提示安裝到桌面)，這兩次訪問至少間隔五分鐘。

中文名：告你什么文集

包名：cn.tellyouwhat.articles

MD5值：cb82c85ca57cfcd623d9c671bebaf040