static pwa boilerplate

現代靜態漸進式網絡應用的基本HTML模板

準備創建一個具有清單和服務工人的靜態漸進式Web應用程序，可以輕鬆地使用GitHub頁面部署。

包括：

• 縮略圖圖像
• 骨架CSS +歸一化
• Web應用清單
• 基本服務工作者 +註冊伴侶
• 最初的Web推送通知支持（您需要外部服務器）

演示：https：//gallaoro.github.io/static_pwa_boilerplate/或訪問此存儲庫的GH-PAGES分支

安裝

• 安裝git sudo apt-get install git
• 克隆回購： git clone https://github.com/lellefood/static_pwa_boilerplate.git
• 重命名目錄： mv static_pwa_boilerplate <new_project_name>
• 更改目錄： cd <new_project_name>
• 通過您的信息修改manifest.json
• 開始寫您的網站

發展

項目文件夾構成

 root
├── css
│   └── skeleton.css
│   └── normalize.css
│   └── index.css
│
├── js
│   └── index.js
│
├── img
│   └── thumb
│       └── 64.png
│       └── 144.png
│       └── 192.png
│       └── 512.png
│       └── 1366x768.png
│
├── index.html
├── manifest.json
├── README.md
└── serviceworker.js

常問問題

• 如何添加一個新頁面？在項目的根部添加一個新文件<new_page_name>.html 。
  用/<new_page_name>.html .html鏈接到它

• 如何添加Web推送通知？在index.js腳本中已經給出了獲得PushSubscription的初始代碼，請按照本教程了解Web推動如何工作。

部署

按照GitHub頁面網站上的簡單說明，以了解如何免費部署PWA