React(JavaScript)でサーバー時刻を表示 - 株式会社CoLabMix

React(JavaScript)でサーバー時刻を表示

今回はちょっとしたTIPSです。

ReactというかJavaScriptでサーバー時間を表示する方法です。

axiosを使ってサーバーの時間を毎秒取得しています。

上記のようにサーバ時刻とローカル時刻を比較しています。

ここまでせずとも初回接続時にサーバの時刻をとり、ローカル時刻との比較をするというのももちろん可能ですが、微妙な時刻のズレが出てくるのが嫌な場合や厳密な時間設定が必要な場合はこちらのほうが確実でしょう。

もちろん接続されるサーバーはリクエストが多くなるので注意が必要です。

TIPSとしてはHEADのリクエストでキャッシュが効いてしまう対応としてtimestampをリクエストにセットしてキャッシュを効かせなくしているところです。

例えばS3のようなところでもこちらであればサーバ時刻を都度取得することができます。(timestampがないと最初の取得の時間のまま変わりありません。)

 

このブログは株式会社CoLabMixによる技術ブログです。

GCP、AWSなどでのインフラ構築・運用や、クローリング・分析・検索などを主体とした開発を行なっています。

Ruby on RailsやDjango、Pythonなどの開発依頼などお気軽にお声がけください。

開発パートナーを増やしたいという企業と積極的に繋がっていきたいです。

お問い合わせやご依頼・ご相談など

    関連記事

    1. Dockerfileを使った基本的なDockerの動作

    2. さくらVPS の CentOS7 サーバに Elasticsearch…

    3. Elasticsearchの形態素解析機Sudachiでユーザー辞書(…

    4. pythonでのElasticsearchのエイリアス(ailias)…

    5. terraform構築手順〜API Gateway 編〜

    6. CentOS7にSwaggerのインストール

    最近の記事

    制作実績一覧

    ITシステム開発の開発先・発注先の選び方を見つけるコンシェルジュサービス

    ITシステム開発の開発先・発注先の選び方を見つけるコンシェルジュサービス

    ITクリエイターのための転職・仕事情報サイト

    ITクリエイターのための転職・仕事情報サイト

    SNS分析での転職支援

    SNS分析での転職支援

    受託パートナーのマッチングとSES人材のマッチング

    受託パートナーのマッチングとSES人材のマッチング