static pwa boilerplate

最新の静的プログレッシブWebアプリの基本的なHTMLテンプレート

GitHubページで簡単に展開できるマニフェストとサービスワーカーを備えた静的プログレッシブWebアプリを作成する準備ができました。

含まれる：

• サムネイル画像
• スケルトン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プッシュ通知を追加するにはどうすればよいですか？ PushSubscriptionを取得するための最初のコードは、 index.jsスクリプトに既に示されています。このチュートリアルに従って、Webプッシュの動作方法を知ります。

展開する

GitHubページのWebサイトの簡単な手順に従って、PWAを無料で展開する方法を知る