JavaScript サーバーの時間をリアルタイムに取得

Question

ある一定の期間内までしか使用できないJavaScriptを開発します。
今回の目的はサーバーの時間をリアルタイムで取得したいと思っています。
コンピュータのクライアントの時間を使用すると、不正に使用ができてしまうからです。

---

↓のスクリプトではサーバーの時間を取得できるかと思い実行したら、
結果が常に同じになってしまいました。どうすればサーバーの時間をリアルタイムに取得できるのでしょうか？
※JavaScriptは難読化したいのでJQueryは使用したくありません。

以下のスクリプトです。

// *** リアルタイム処理 *** //
function loop() {
	var request = new XMLHttpRequest();
	request.open('HEAD', window.location.href, true);
	request.send();
	request.onreadystatechange = function() {
		if (this.readyState === 4) {
			var hTime = request.getResponseHeader('Date');
			window.alert(hTime);
		}
	}
}
setInterval(loop, 1);

よろしくお願いします。

Answer 1

コンピュータのクライアントの時間を使用すると、不正に使用ができてしまうからです。

クライアントサイドのJavaScriptはソースコードをすべてクライアントサイドに送っているので、サーバサイドとのやり取りなしで動かせるコードの場合、「サーバサイドでのチェックを止める」という改造もできてしまいます。

いくら難読化したところで気休め程度にしかならないです。厳格な時間チェックが必要なら、コアになる部分をサーバサイド処理にして、サーバとの通信がなければプログラムが動かないような作りにしておく必要があります。

Answer 2

loop() の中だけをコピーしてコンソールで実行してみましたが、問題なく動作しているように思います。

setIntervalの第2引数はミリ秒なので、ご指定の setInterval(loop, 1) だと1秒間に1000回リクエストを送ることになっています。1秒経っただけで1000回のリクエストと1000回のアラートがスタックされていって、1000回OKを押さないと表示内容が変わらない（次の秒の表示にならない）と思いますが、こちらが原因ではないでしょうか？

Comments

[dodox86]

私も、setIntervalの値を500ミリ秒、window.alert()ではなく、document.write()で出力するようローカル環境で試したのですが、たまにキャッシュが効いているのか、HEADリクエストが送信されないときがありました。ただ、そもそも1ミリ秒単位でリクエストを出そうとする行為はサーバーに対するアタックに近い気がしました。

[kyoya0819]

https://codepen.io/asuchi0819/pen/BaazjKz?editors=0010#0
dodox86さんの環境でのサンプルです。

[thyda.eiqau]

はい、現時点ではなんとも言えないところもありますが、まずは1ミリ秒の指定を適切に変えて (500か1000か……) どうなるかを確認してもらうしかないですね。ブラウザ側でリクエストを送る送らないというのがあるかもしれないし、サーバー側で止めているかもしれないし、そのあたりの確認は次のステップですね

[kyoya0819]

1ミリ秒なんて単なる攻撃です。
（やってみましたがサーバーと端末双方に負荷がかかってました）

[dodox86]

asuchi0819さん、追試のフォローをいただきましてありがとうございます。ご提示いただいたコードと私も同じです。1ミリ秒間隔の是非（＜非しかありませんが）は置いておいて、キャッシュが効いてしまっているときはどうもGETリクエストが送信されているケースがあるようでした。ブラウザーの問題かと思いました、深くは追いませんが、XMLHttpRequest.openでHEADメソッドを指定してるのに、謎の挙動です。

[dodox86]

記録の為、試したブラウザー情報を記しておきます。Google Chrome 77.0.3865.120（64bit Windows 7上で稼動)

[kyoya0819]

自分もたどたどしくなってます。
iOS12.4.1, iPad6, Safar604.1

[kyoya0819]

とりあえず100回やった結果です。

[kyoya0819]

https://drive.google.com/file/d/1IMEWi2TiPDsmpxsw9RRs_CBrCk5JuMuk/view?usp=drivesdk
にあげときました。
さすがにテキストだと膨大なので

Answer 3

サーバーの時間をリアルタイムに取得

サーバー側でapiを用意し時間を取得できるようにしてajaxやfetchで
バックグラウンドで非同期にうけとってください
ただし、クライアント側から頻繁に時間の問い合わせをするのは
ただの攻撃と変わりません。
そう頻繁にサーバーの時間がずれることはありませんので
多くて1分に1回くらいじゃないですかね？

基本的にはjsに期間制限を設けるのは現実的ではありませんが
実行キーのようなものをサーバーから受け取れば
なんとなくできないこともないのかなとは思います。

Answer 4

みなさんありがとうございます。
どうやらURLによってはサーバーの時間がフリーズ(固定)されてしまうことが分かりました。
それと回答にあった setInterval は (loop, 1000); に変更しました。
本当にありがとうございました。