手動介入なしにangularJSで "index.html"を再ロードするにはどうすればいいですか？

Question

私はAngularJSで開発されたWebサイトを持っていて、index.htmlはアプリケーションのルートを提供しています。

すべてのJSとCSSのバージョンはindex.html自体に保存されています。つまり、ユーザーに反映させるための変更があれば、ブラウザで "index.html"を再読み込みします。ここに）。 これは問題です。ユーザーがブラウザでウェブサイトのタブを開き、新しいリリースを公開している可能性があるからです。このリリースは、「手動リフレッシュ」が実行されず、「index.html」が再ロードされないため、ユーザーが最新のリリースを使用しない可能性があります。

リリースが検出されると、すべてのリソースをリロードするためのフレームワークを作成しました。これは、Webサーバーから最新のバージョンを送信し、ブラウザの現在のバージョンと比較し、自動的にリロードをトリガーします。この修正はうまくいきますが、もう一度このリリースをすべてのユーザーのブラウザに公開する方法が問題です。

私はあなたの問題を願っていますか？そうでなければ私に教えてください。

Answer 1

これはできません。開いているページに、その機能を実装するコードがまだない場合は、強制的にリフレッシュする方法はありません。ユーザーがそれ自身をリフレッシュするまで待つ必要があります。とブラウザキャッシュの有効期限が切れます。また、ユーザーとサーバー間の中間キャッシュもすべて更新されます。

「HTTPキャッシュ」についてよく知っているだけでなく、「キャッシュ無効化」についても検索することをおすすめします。一般に、index.htmlを<script>タグ内の大きなファイルを参照する小さなファイルとし、index.htmlのキャッシュコントロールを非常に低く設定し、大きなファイルに対してキャッシュ無効化技術を使用することを検討してください。

最初のリリースでは、開いているタブや既存のキャッシュを無効にする方法はありません。これがあなたのサーバーに問題を引き起こす場合は、それを処理するさまざまな方法については、「APIバージョン管理」をお読みください。

Answer 2

あなたの問題が正しく理解されている場合サーバー上のコードを変更するときにページをリロードする場合

私もこのような状態になりました（このようなものではありませんが、このようなものではありません）。自分のアカウントへのユーザーログインがログインしているかどうかを確認する必要がありましたが、他のブラウザを使用したり、別のタブや地上のどこからでもログオンすると、ログオンした場所からログアウトする必要があります。その後、使用して、

は、だから私は、サーバー上のサービスを作成し、ユーザーが最初のログインは、私はunique idとのセッションを作成し、フロントエンドにunique idを戻したとき（いくつかの他にどこからユーザのログインは、新しく作成されたものと、このunique idを交換する場合） timeoutサーバーunique idで20秒ごとにpingを実行します。サーバunique idと私のunique idが同じであれば、彼はログインを維持します。そうでなければ、ログインページにリダイレクトします。

これで、同じロジックを問題に使用できます。あなたは、いくつかの変数を作成することができますし、あなたのコードを更新するかどうかを確認することができ、代わりにこの

$window.location.reload(); 

が、それはあなたのために働くことを願っていますページ 使用してログインするために彼をリダイレクトします。 :)