問題タブ [sw-precache]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
267 参照

angular - github プロジェクト ページで sw-precache を使用する Angular 2+

シンプルな Angular アプリケーションがあり、Service Worker の助けを借りてオフライン対応にしようとしています。Service Worker の設定方法については、次のチュートリアルに従いました。

https://coryrylan.com/blog/fast-offline-angular-apps-with-service-workers

SW とアプリケーション自体は、自分の開発マシンで実行すると問題なく動作しますが、これを Github プロジェクト ページhttps://zyxon.github.io/AngTodo/にデプロイしたいと考えています。

フォルダーのコンテンツをアップロードするdistと (開発サーバーで行っているのと同じ)、assetsフォルダーのコンテンツで 404 が取得されるため、サービス ワーカーは登録に失敗します。でファイルを探します/assets/...

アプリケーションが Web サーバー ROOT でホストされているため、私の開発サーバーで動作すると推測されますが、Github ページの場合は .../AngTodo ディレクトリでホストされます。

私の質問は次のとおりです: sw-precache を指定して、この SW にプレフィックスを追加して出力するにはどうすればよいですか (/AngTodo/assets/...私の場合)?

私のsw-precache-config.jsは次のとおりです。

0 投票する
1 に答える
452 参照

visual-studio - Google の sw-toolbox から Workbox SW (Visual Studio) に移行する

sw-toolbox私はサービスワーカーの管理に使用していました-小さく、シンプルで、効果的です。Google がWorkbox SW(sw-toolbox と sw-precache を置き換える) をリリースしたので、移行する必要がありますが、見つけるのに苦労しています:

a) プロジェクトに含めることができる Workbox の単一の .js 依存関係
b) 単一の .js 依存関係をビルドするためのカスタム ビルド ツール
c) プロジェクト ビルドに Workbox ビルドを含める方法

私はこれについて間違った方法で進んでいますか?

0 投票する
1 に答える
1022 参照

javascript - sw precache - 異なるドメインからアセットをロードするための実行時キャッシュ

sw precache を使用して Service Worker を管理しています。私のサイトが abc.com で、Service Worker がこのサイトで実行されており、URL abc.com/service-worker.js によってロードされているとします。

すべての css と js は、最適化のために別の URL からロードされています。xyz.com としましょう。

提供するとランタイムキャッシュに

これは、URL abc.com/style/style.css からのみ css をキャッシュし、xyz.com/style/test.css はキャッシュしません

私が試してみました

しかし、すべて無駄です。誰かが同じ問題に直面したことがある場合は、正しい方向への助けをいただければ幸いです。

0 投票する
1 に答える
98 参照

c# - C# から「sw-precache」コマンドを実行します

sw-precacheを使って「service-worker.js」を生成したい

コマンドライン(cmd.exe)からこのコマンドを実行すると、出力は次のようになります。

プリキャッシュの合計サイズは、35 リソースで約 145 kB です。service-worker.js が Service Worker コンテンツで生成されました。

C# output is emptyからこのコマンドを実行すると、コードは次のようになります。

Arguments = @"/c dir" で "dir" のようなコマンドを実行すると、出力には dir コマンドからのメッセージが含まれます。

私は何を間違っていますか?

編集:コンソールアプリケーションでは、出力は正常に返されますが、Webアプリケーションでは返されません

0 投票する
3 に答える
2462 参照

google-chrome - スタンドアロン モードのプログレッシブ Web アプリ (PWA) OAuth エラー

ホームスクリーンを使用してビルドした PWA (テスト アプリ) を保存し、Chrome を使用してAndroidのモードで、Safari を使用してiOSCreate React Appでアプリを起動した後。次に、アプリで Firebase メソッドを開始するか、またはデバイスにインストールされている他のブラウザーでアクションを開くかどうかをデバイスから尋ねられます。自分で開くことを選択すると、ポップアップが開き、正しい Google アカウントを選択します。standalonesignInWithPopup(GoogleProvider)Test AppchromefirefoxTest App

エラー: Google アカウントを選択した後、my にリダイレクトせずにポップアップが閉じますTest App

代わりにブラウザでFirebase メソッドsignInWithPopup(GoogleProvider)を開くと、Google アカウントを選択するためのポップアップが開き、Google アカウントを選択した後、ポップアップが閉じて一時的にリダイレクトされます。chromeTest AppTest App

エラー:ローディング インジケータの表示中に選択する Google アカウントを要求 するタブに戻り、chromeそこでハングします。

コンソール エラーや警告は表示されません。

注 1:Windows 10 x64マシンのホーム画面にアプリを追加Version 64.0.3259.0 (Official Build) canary (64-bit)し、スタンドアロン ウィンドウとして起動すると、ポップアップが閉じず、読み込み中のままになるというエラーも発生します。

注 2:また、ホームスクリーンからアプリをアンインストールし、純粋にブラウザーで起動すると、サインイン OAuth フローは正常に機能しますsignInWithPopup(Facebookprovider)signInWithPopup(Twitterprovider)

注 3:さらにトラブルシューティングを行った後、OAuth ポップアップでユーザー入力が必要な場合にエラーがより具体的に発生するようです。つまり、たとえば、ユーザーが以前にTest AppFacebook を通じて許可を与えていた場合、フローは正常に機能し、ポップアップが閉じます。また、単一のgoogleアカウントのみが検出され、以前にアプリに OAuth 権限が付与されている場合、ポップアップは正常に機能します。ただし、デバイスに複数の Google アカウントが存在する場合、ユーザーはサインインするアカウントの選択を入力する必要があります -->これにより、前述のエラーが再び発生します。また、Twitter ポップアップではユーザーが毎回選択する必要があるため、Twitter OAuth を使用すると毎回エラーが発生しますAuthorize App

更新:これは、Google Chrome の Webview からの OAuth への最近の変更と関係があると思われます。

Windows マシンでエラーが発生した場合: アプリを承認した後でも、Twitter 認証のポップアップが閉じないことに注意してください。Googleと facebook の OAuth でも同じことが起こります。

ここに画像の説明を入力