インストール可能なウェブアプリケーション

Question

こんにちは、私はこのエラーを取得しています：これは私のURLは

{ 
    "name": "SIMIC project", 
    "short_name": "simic", 
    "icons": [{ 
    "src": "images/simic-bn.png", 
    "type": "image/png", 
    "sizes": "32x32" 
    }, 
    { 
    "src": "images/simic-bn.png", 
    "type": "image/png", 
    "sizes": "144x144" 
    }], 
    "start_url": "/wta/", 
    "display": "standalone", 
    "background_color": "#ffffff", 
    "theme_color": "#1e88e5" 
} 

です：これは私のmanifest.jsonをが

Site cannot be installed: no matching service worker detected. You may need to reload the page, or check that the service worker for the current page also controls the start URL from the manifest 

です： "MYDOMAIN：8889/WTA /"、これが私のコードの構造です：

-mydomain

--- WTA

------ CSS/

------フォント/

------画像/

------ JS/

------ index.htmlを

------ manifest.jsonを

私は何をしないのですか？ THX

Answer 1

：

1. は、nameをshort_nameとWebアプリケーションのマニフェストファイルを持っていますiconそれがHTTPS上で提供する必要があります（あなたが既に持っている）start_url

2. サービスワーカー

現在のところ、Webアプリケーションマニフェストファイルはありますが、サービスワーカーが必要です。

if ('serviceWorker' in navigator) { 
    // register the service worker 
    navigator.serviceWorker.register('service-worker.js') 
     .then(function(reg){ 
      console.log("service worker registered"); 
     }).catch(function(err) { 
      console.log("error: ", err) 
     }); 
} 

注：このファイルをJS作成し、そのようなあなたのサービスワーカーを登録できるサービスワーカー、基本的にはネットワーク要求をインターセプトするのJavascriptファイルで、あなたの資産をキャッシュし、プッシュ通知を送信することができ、など

サイト全体で機能するためには、これがルートフォルダに存在する必要があります。

Answer 2

アセットを制御するサービスワーカースクリプトも必要です。オフラインプラグインはすばらしいオプションです。あなたのWebアプリがホーム画面に追加すること/インストール可能にするためには、あなたが次の要件を満たす必要があり