5

私は、インターネットを介してランプをオン/オフするために使用している小さな Web アプリケーションに取り組んでいます。ランプがオンの場合はオン ランプ イメージが表示され、それ以外の場合はオフ ランプ イメージが表示されます。このアプリケーションを実装するために、この手順で考えています。 1- サーバー上に lamp.html という html ファイルを作成します。 html ファイルを作成し、ランプ コントローラから受け取った新しいデータで html ファイルを書き換えます。例: ランプが点灯している場合、サーバー アプリケーションは、ランプが点灯しているイメージを含むイメージ タグを lamp.html ファイルに書き込みます。3- ブラウザから lamp.html ファイルをリクエストします。例: http:mysite.com/lamp.html ファイルは 5 秒ごとに自動更新されます。

実装するのは良い手順ですか?http リクエストを使用してリモート コントロールを作成するために使用できる別の方法はありますか?

4

3 に答える 3

2

あなたが持っている基本的なアイデアは良さそうですが、改善の余地があります。しかし、最初に一般的な設計を見てみましょう。

ここに画像の説明を入力

システムを単純化するには、サーバーがランプから送信された最後の値をファイルに保存するだけで十分です。変更のたびに完全な HTML ファイルをレンダリングする必要はありません。ファイル内の 1 バイトを変更するだけです。

一方、ブラウザは 5 秒ごとにページ全体を更新する必要はありません。代わりに、サーバー送信イベントを使用したスト​​リーム更新のようなものを実装して、ランプがいつ変化したかを Web サーバーが実際にブラウザーに通知するようにします。ブラウザは、JavaScript を介して画像の URL やその他のものを変更できるため、見栄えが大幅に向上します。

于 2012-04-27T08:22:46.070 に答える
0

ランプがオンまたはオフの場合は、PHP スクリプトを介して検索し、結果に応じて画像を表示するようにすべてのページ要求を行います。

<img src="/<?php echo (lamp_is_on() ? 'on' : 'off'); ?>.png">
于 2012-04-27T08:08:22.740 に答える
0

ランプの状態を表示する Web ページを作成するとしたら...

  1. lamp.html
    には 2 つの div が必要です。1 つはランプ オンのイメージ、もう 1 つはランプ オフのイメージです。

  2. getLampInfo.php
    は、ランプ コントローラーに接続し、0 または 1 のデータをエコーする必要があります。

  3. 5 秒ごとに getLampInfo.php を呼び出し、応答に基づいて div を切り替える ajax スクリプトを lamp.html に記述します。

ファイルの上書きなどは扱いません。それはすべて不必要に思えます。あなたのアプローチは機能しますが、まったく問題はありません。

お役に立てれば!

于 2012-04-27T08:12:03.837 に答える