問題タブ [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.
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
は次のとおりです。
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 ビルドを含める方法
私はこれについて間違った方法で進んでいますか?
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 はキャッシュしません
私が試してみました
しかし、すべて無駄です。誰かが同じ問題に直面したことがある場合は、正しい方向への助けをいただければ幸いです。
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アプリケーションでは返されません
google-chrome - スタンドアロン モードのプログレッシブ Web アプリ (PWA) OAuth エラー
ホームスクリーンを使用してビルドした PWA (テスト アプリ) を保存し、Chrome を使用してAndroidのモードで、Safari を使用してiOSCreate React App
でアプリを起動した後。次に、アプリで Firebase メソッドを開始するか、またはデバイスにインストールされている他のブラウザーでアクションを開くかどうかをデバイスから尋ねられます。自分で開くことを選択すると、ポップアップが開き、正しい Google アカウントを選択します。standalone
signInWithPopup(GoogleProvider)
Test App
chrome
firefox
Test App
エラー: Google アカウントを選択した後、my にリダイレクトせずにポップアップが閉じますTest App
。
代わりにブラウザでFirebase メソッドsignInWithPopup(GoogleProvider)
を開くと、Google アカウントを選択するためのポップアップが開き、Google アカウントを選択した後、ポップアップが閉じて一時的にリダイレクトされます。chrome
Test App
Test 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 App
Facebook を通じて許可を与えていた場合、フローは正常に機能し、ポップアップが閉じます。また、単一のgoogle
アカウントのみが検出され、以前にアプリに OAuth 権限が付与されている場合、ポップアップは正常に機能します。ただし、デバイスに複数の Google アカウントが存在する場合、ユーザーはサインインするアカウントの選択を入力する必要があります -->これにより、前述のエラーが再び発生します。また、Twitter ポップアップではユーザーが毎回選択する必要があるため、Twitter OAuth を使用すると毎回エラーが発生しますAuthorize App
。
更新:これは、Google Chrome の Webview からの OAuth への最近の変更と関係があると思われます。
Windows マシンでエラーが発生した場合: アプリを承認した後でも、Twitter 認証のポップアップが閉じないことに注意してください。Googleと facebook の OAuth でも同じことが起こります。