演習 - IntelliJ IDE からアプリのデプロイを管理する

10 分

前のユニットでは、Azure Toolkit for IntelliJ の Azure Explorer を使用して、Azure Web アプリを管理および構成することを学習しました。この演習では、Azure Explorer を使用して、IntelliJ IDEA 内の Azure App Service で Web アプリからログをストリーミングする方法について説明します。

次に、Azure Explorer を使用して Web アプリを変更し、構成にプロパティのペアを追加します。これらのプロパティの値を読み取り、Web アプリロジックで使用するように Web アプリを変更します。次に、Web アプリを再デプロイし、期待どおりに機能することを確認します。

ログストリーミングを使用してアプリを監視する

IntelliJ IDEA の [表示] メニューの [ツールウィンドウ] を選択し、[Azure Explorer] を選択します。
Azure Explorer ウィンドウで、[Web アプリ] を展開し、Web アプリを右クリックし、[ストリーミングログの開始] を選択します。
数秒後にログが表示されます。 Web アプリにアクセスして、いくつかのログを生成できます。
Steam ログを停止するには、Web アプリを右クリックし、[ Stop Streaming Logs]\(ストリーミングログの停止\) を選択します。

Web アプリに構成プロパティを追加する

Azure Explorer ウィンドウで、Web アプリを右クリックし、[プロパティの表示] を選択します。 Web アプリのプロパティウィンドウが表示されます。
プロパティウィンドウで、[ 追加 ] アイコンを選択して、新しいプロパティキーと値を追加します。
新しいプロパティの [名前] 列に、 Delay という名前を入力します。
プロパティの [値 ] 列に値 2 を入力し、 Enter キーを押します。
プロパティウィンドウで、[ 追加 ] アイコンをもう一度選択します。
Iterations という名前の別のプロパティを値 10 で追加します。
[保存] を選択します。

プロパティを使用するように Web アプリを変更する

[プロジェクトエクスプローラー] ウィンドウで、index.jspをダブルクリックして再度開きます。
Web ページのコードの <body> セクションで、次のようにコードを更新します。
```
<body>
    <%! int delayms = Integer.valueOf(System.getenv("Delay")) * 1000;
        int iterations = Integer.valueOf(System.getenv("Iterations"));
        DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %>
    <%  for (int i = 0; i < iterations; i++) {
        Thread.sleep(delayms); %>
        <p>Today's date is <%= fmt.format(new Date()) %></p>
    <% } %>
    <p>Your IP address is <%= request.getRemoteAddr() %></p>
</body>
```
このコードは、Web アプリランタイムの環境変数として公開される両方のプロパティの値を読み取ります。このコードは、Delay 秒ごとに日付と時刻を表示し、Iterations 回ループします。

注

この例では、出力を生成するときにコードが同期的に実行されます。つまり、ページが表示されるまでに最大 20 秒かかることがあります。
[ ファイル ] メニューの [ すべて保存] を選択します。
[プロジェクトエクスプローラー] ウィンドウで、Web アプリを右クリックし、[Azure] を選択し、[Azure Web Apps にデプロイ] を選択します。
[ Web アプリのデプロイ ] ウィンドウで、既定の設定をそのまま使用し、[ 実行] を選択します。このアクションにより、既存の Web アプリが新しいバージョンで上書きされます。
[Azure アクティビティログ] ウィンドウで、進行状況列に Web アプリが正常にデプロイされたことを示すまで待ちます。
[Azure アクティビティログ] ウィンドウで [発行済み] リンクを選択します。新しいブラウザーウィンドウが開きます。 20 秒後、2 秒間隔で時刻を表示するメッセージが表示され、その後にクライアントコンピューターの IP アドレスが表示されます。

注

発行中に Web サイトを参照しようとすると、HTTP 403 エラーが表示されます。その場合は、数秒待ってから Web ブラウザーを更新します。
ブラウザーウィンドウを開いたままにして、IntelliJ IDEA に戻ります。
Azure Explorer ウィンドウで、Web アプリを右クリックし、[プロパティの表示] を選択します。
プロパティウィンドウで[ 遅延 ]プロパティを選択し、[ 値 ]フィールドをダブルクリックして編集します。値を 1 に変更します。
Iterations プロパティを選択し、値を 5 に変更します。
[保存] を選択します。
Web ブラウザーに戻り、表示を更新します。今回は、ページに 1 秒間隔で時刻が表示され、5 回だけ繰り返されます。 Web アプリを再デプロイする必要がなかったことに注意してください。

重要

Azure Toolkit for IntelliJ を使用して Web アプリを削除しても、App Service プランは削除されませんが、Azure portal を使用してプランを削除することはできます。これを行うには、次の図に示すように、適切なリソースグループに移動し、App Service プランを選択し、[ 削除] をクリックします。

Azure portal のスクリーンショット。ユーザーが App Service プランを削除しています。

演習 - IntelliJ IDE からアプリのデプロイを管理する

ログ ストリーミングを使用してアプリを監視する

Web アプリに構成プロパティを追加する

プロパティを使用するように Web アプリを変更する

フィードバック

ログストリーミングを使用してアプリを監視する