はじめに

完了

次のシナリオについて考えてみます。 あなたの会社では、顧客に株価情報を提供する新しい Web サイトを立ち上げることを計画しています。 最近、インターンが新しいアプリケーション用の Web サイトのプロトタイプを作成し、現在、アーキテクト リーダーはあなたに参加を求め、ソリューションを改善するよう依頼しています。

あなたの目的は、アプリを更新して在庫価格情報の自動更新を実装するが、サーバー上のデータが変更されたときにのみ、クライアントとサーバー間の通信が行われるようにすることです。

学習の目的

このモジュールでは、次のことを行います。

  • Azure Cosmos DB のデータが変更されたときにのみ実行される関数を Azure Functions で実装する。
  • SignalR Service を使って接続されているクライアントに変更をブロードキャストするよう、Azure Functions で関数を実装する。
  • SignalR メッセージに応答するようにクライアント Web アプリケーションを更新する。
  • SignalR を使用するように Vue.js および JavaScript Web アプリケーションを変更する。

前提条件

  • JavaScript を読み取ることができる。
  • Azure Functions、Azure Cosmos DB、Azure Storage および Visual Studio Code に関する知識。