演習 - Web アプリを Azure にデプロイする

完了

IntelliJ IDEA で記述した簡単な Java Web アプリがあるとします。 あなたは、Azure でそのアプリをテストし、開発者が他のツールを使用する必要がないように、デプロイをできるだけ簡単にしたいと考えています。 Azure Toolkit for IntelliJ には、Web アプリのデプロイを容易にするウィザードが含まれています。

この演習では、そのデプロイ ウィザードを使用して、Web アプリを Azure にデプロイします。

Azure にサインインする

Azure リソースを探すには、最初に Azure にサインインする必要があります。 サインインして、リソースを作成するサブスクリプションとディレクトリを指定します。

  1. IntelliJ IDEA[View]\(表示\) メニューで [Tool windows]\(ツール ウィンドウ\) を選択し、[Azure Explorer] を選択します。

  2. [Azure Explorer] ウィンドウで、[サインイン] ボタンを選択します。

    [Azure サインイン] ボタンのスクリーンショット。

  3. [デバイスのログイン] を選択し、[サインイン] を選択します。

  4. [Azure Device Login]\(Azure デバイス ログイン\) ページで、[Copy&Open]\(コピーして開く\) を選択します。

  5. ブラウザーで Ctrl + V キーを押してコードを貼り付け、[Next](次へ) を選択します。

  6. ユーザー資格情報を使用して Azure アカウントにサインインします。

  7. サインインの確認が表示されたら、ブラウザー ウィンドウを閉じます。

  8. IntelliJ IDEA[Select Subscriptions](サブスクリプションの選択) ダイアログで、[Concierge Subscription](コンシェルジェ サブスクリプション) を選択します。 これは、サンドボックス専用に作成されたサブスクリプションです。

    [Azure サブスクリプションの選択] ダイアログのスクリーンショット。

Azure Explorer に Azure サブスクリプションのオブジェクトが表示されるようになります。 ストレージ アカウントなど、別の種類のオブジェクトを調べることができます。

Web アプリを構成してデプロイする

これで、[Deploy to Azure](Azure へのデプロイ) ウィザードを使用して、Azure App Service に新しいアプリを作成し、プロジェクトをそこにデプロイできます。

  1. IntelliJ IDEA の [プロジェクト] ウィンドウで、webapp プロジェクトを右クリックし、[Azure] を選択して、[Deploy to Azure Web Apps](Azure Web アプリへのデプロイ) を選択します。

  2. [Azure へのデプロイ] ダイアログで、[Web アプリ]+ ボタンを選択してください。

    [Web アプリのデプロイ] ダイアログ。

  3. [Web アプリの作成] ダイアログで、[その他の設定] をクリックし、[リソース グループ] を選択し、[サンドボックス リソース グループ名] を選択してから、[OK] を選択します。

    [WebApp の作成] ダイアログのスクリーンショット。

  4. [Web アプリの作成] ダイアログで、[プラン]+ ボタンをクリックし、[名前] に任意の名前を入力して、[価格レベル][Free_F1] を選択します。

    App Service プランの作成のスクリーンショット。

  5. [Web アプリの作成] ダイアログで、[OK] を選択します。 [Azure へのデプロイ] ダイアログで、[実行] を選択します。 Azure Toolkit for IntelliJ によって Web アプリが Azure にデプロイされ、既定の Web ブラウザーでサイトが表示されます。

    Azure App Service で実行されているデプロイ済みの Web アプリのスクリーンショット。

Web アプリを再デプロイする

  1. Web アプリを Azure にデプロイすると、設定が IDE で実行構成として保存されます。 再デプロイするには、右上にある緑色の [実行] アイコンを選択するか、Shift + F10 キーを押してください。

    Azure App Service で実行されている Web アプリの再デプロイのスクリーンショット。