アプリを生成する方法を学びましょう。サーバーがリアルタイムのデータをクライアントにプッシュするできるようにする標準です。フライト時間表デモアプリを構築してこの標準をどのように使用するかを学んでいきます。ここで学ぶチュートリアルのコンセプトはどんなプログラミング言語やテクノロジにも適用できます。レポジトリでアプリケーションの最後のコードを見つけることもできます。導入するブラウザとサーバーの間の一般的な相互作用はリソースに要求するブラウザーとレスポンスを提供するサーバーから成ります。標準を使って達成できます。お陰でサーバーからからのレスポンスを待機するためにプーリングを実装する必要はありません。複雑で不慣れなプロトコルを使う必要はありません。プロトコルを続けて使うことができるのです。使用するかを学ぶために、簡単なフライト時間表アプリケーション(空港で目にするフライトトラッカーに似たようなもの)を作成していきます。ページから成り、以下の写真に表示されているようにフライトのリストが表示されます。実装すると、フライトの状態が変更になったときに自動的に最新情報を見ることができます。このデモアプリでは、予定されたイベントを使ってフライトの状態変更をシミュレートしていきます。このメカニズムは生産準備完了アプリでより現実的なものと簡単に置き換えることができます。標準がどのように機能するかを見てみましょう。クライアントアプリケーションをスキャフォールディングしましょう。ベースのクライアントをセットアップしていきます。Node.js.がインストールされているかを確認し、端末のウィンドウに次のコマンドをタイプしましょう。アプリケーションの基本的なテンプレートを作成しましょう。呼ばれる新しいディレクトリを入手します。アプリケーションのソースコードが含まれています。アプリケーションのコードを変更し、それをフライト時間表フロントエンドアプリケーションと交換します。コンポーネントをインストールします。このコンポーネントをアプリケーションに追加するには、次のコマンドを端末にタイプします。react-tableこれで、アプリケーションコードを変更する準備ができました。ディレクトリ内に存在する)を開き、そのコンテンツを次と交換しましょう。App;ここでは、フライト時間表をセットアップするために必要なものをインポートします。呼ばれるメソッドをインポートします。このモジュールはまだ定義していませんが、後ほど行っていきます。初期化するために使用するフライトデータとアプリケーションを提供することです。コンストラクターでは、フライトプロパティをテーブル列にマッピングしてテーブルの構造も定義します。ご覧のように、このマッピングは次のようにオブジェクトの配列から成ります。プロパティ(値がその列に表示されるフライトプロパティを表す)から成ります。要素を含み、プロパティとしてそれをフライトデータや列にパスします。いう名前のファイルを作成し、それを次のコードで設定します。関数をエクスポートします。実際のアプリケーションでは、関数がサーバーからデータをリクエストします。本書の目的上では、この実装で十分です。ここまでで、アプリケーションは表形式のフライトデータを提示します。ブラウザーで見てみましょう!アプリケーションを実行するには、端末に次のコマンドをタイプします。start数秒後に、上記の写真で見られるように、フライトのリストがブラウザーに表示されるはずです。発行すると問題解決するかもしれません。アプリケーションが静的データを生成した後、サーバー側が生成したイベントを消費する必要がある機能を追加しましょう。フォーマットでイベントを送信します。呼び出して閉じるまで開き続けます。インスタンスを割り当てましょう。以下のコードはそれをどのようにして達成するかを示します。コンストラクターはクライアントとサーバー間の通信チャネルを初期化するオブジェクトを生成します。このチャネルは一方向なので、イベントはサーバーからクライアントにフローし、絶対に反対方向にはフローしません。