web app banner install

Question

私はこのページを使用しています：https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/ウェブアプリバナーのインストールを作成します。

私は成功を収めてサービスワーカー を登録していると私はあまりにもこの

{ 
    "name": "Web App Install", 
    "short_name": "Admin", 
    "icons": [ 
    { 
     "src": "/admin/mstile-70x70.png", 
     "sizes": "36x36", 
     "type": "image/png" 
    }, 
    { 
     "src": "/admin/mstile-70x70.png", 
     "sizes": "48x48", 
     "type": "image/png" 
    }, 
    { 
     "src": "/admin/mstile-70x70.png", 
     "sizes": "72x72", 
     "type": "image/png" 
    }, 
    { 
     "src": "/admin/mstile-70x70.png", 
     "sizes": "96x96", 
     "type": "image/png" 
    }, 
    { 
     "src": "/admin/mstile-70x70.png", 
     "sizes": "144x144", 
     "type": "image/png" 
    }, 
    { 
     "src": "/admin/mstile-70x70.png", 
     "sizes": "192x192", 
     "type": "image/png" 
    } 
    ], 
    "start_url": ".", 
    "display": "standalone", 
    "related_applications": [{ 
      "platform": "web" 
     }], 
    "related_applications": [], 
    "prefer_related_applications": false 
} 

のような公共/管理者でmanifest.jsonをを持っている公開/管理/ におけるサービスワーカーとしてsw.jsを持っています開発ツール

をサービスワーカーのリンクは次のとおりです。manifest.jsonをのリンクはhttps://01f1c2fb.ngrok/admin/manifest.json

あるhttps://01f1c2fb.ngrok/admin/pt

しかし、私はエラーのWebアプリ をインストールしようとする上でエラーを取得していますが、「サイト

インストールすることはできませんされます。一致するサービスワーカーは検出されません。あなたは、誰かが私を助けてくださいことができますページをリロードする必要がある、または現在のページのサービスワーカーもマニフェスト」

から開始URLを制御していることを確認する。

私のように管理者にフォルダ/ PTを追加しますadmin/pt を追加しました。 「ホーム画面に追加」をクリックしたときに画像のエラーが発生しましたが、修正しました。 「ホーム画面に追加」をクリックすると、何も起こりません。 今のところ大丈夫ですか？

私は携帯電話を試しましたが、インストールしていません... 誰かが助けることができます私はすでにいくつかの変更を行っていると私は 取得のおかげ カルロス・ビエラ

window.addEventListener('beforeinstallprompt', function(e) { 
      console.log('beforeinstallprompt Event fired'); 

     }); 

を使用して、コンソールに「beforeinstallpromptに発生するイベント」が、モバイルにはアプリが事前に

感謝をインストールされていません。 カルロス・ビエラ

Answer 1

私も同様の問題がありました。

あなたは、これは間違っている、公開/管理/であなたのsw.jsファイルを持っています。 ルートディレクトリ/に移動し、serviceWorkerを初期化してください。