Eclipse 用のレガシ ツールキットを使用して Azure 用の Hello World Web アプリを作成するCreate a Hello World web app for Azure using the legacy toolkit for Eclipse

このチュートリアルでは、Azure Toolkit for Eclipse バージョン 3.0.6 以前を使用して、Web アプリとして基本的な Hello World アプリケーションを作成し、Azure にデプロイする方法について説明します。This tutorial shows how to create and deploy a basic Hello World application to Azure as a web app by using version 3.0.6 (or earlier) of the Azure Toolkit for Eclipse.

注意

この記事で使用される Azure Toolkit for IntelliJ のバージョンについては、IntelliJ を使用した Azure 用の Hello World Web アプリの作成に関するページを参照してください。For a version of this article that uses the Azure Toolkit for IntelliJ, see Create a Hello World web app for Azure using IntelliJ.

重要

Azure Toolkit for Eclipse は 2017 年 8 月に更新され、別のワークフローが導入されました。The Azure Toolkit for Eclipse was updated in August 2017 with a different workflow. この記事では、Azure Toolkit for Eclipse のバージョン 3.0.6 以前を使用して Hello World Web アプリを作成する方法を示します。This article illustrates creating a Hello World web app by using version 3.0.6 (or earlier) of the Azure Toolkit for Eclipse. バージョン 3.0.7 (以降) のツールキットを使用している場合は、Eclipse での Azure 用 Hello World Web アプリの作成に関するページの手順に従う必要があります。If you are using the version 3.0.7 (or later) of the toolkit, you will need to follow the steps in Create a Hello World web app for Azure in Eclipse.

このチュートリアルを完了し、作成したアプリケーションを Web ブラウザーで開くと、次の図のようになります。When you have completed this tutorial, your application will look similar to the following illustration when you view it in a web browser:

Hello World アプリのプレビュー

前提条件Prerequisites

この記事の手順を完了するには、Azure Toolkit for Eclipse をインストールする必要があります。これには、次のソフトウェア コンポーネントが必要です。To complete the steps in this article, you will need to install the Azure Toolkit for Eclipse, which requires the following software components:

注意

Eclipse Marketplace の Azure Toolkit for Eclipse に関するページに、このツールキットと互換性のあるビルドが一覧表示されています。The Azure Toolkit for Eclipse page at the Eclipse Marketplace lists the builds that are compatible with the toolkit.

新しい Web アプリ プロジェクトの作成Create a new web app project

  1. Azure Toolkit for Eclipse の Azure サインイン手順に関する記事の手順を使用して、Eclipse を起動し、自分の Azure アカウントにサインインします。Start Eclipse, and sign into your Azure account by using the instructions in the Azure Sign In Instructions for the Azure Toolkit for Eclipse article.

  2. [ファイル][新規][Dynamic Web Project](動的 Web プロジェクト) の順にクリックしますClick File, click New, and then click Dynamic Web Project. ( [ファイル][新規] のクリック後、使用可能なプロジェクトとして [Dynamic Web Project (動的 Web プロジェクト)] が表示されない場合は、 [ファイル][新規][プロジェクト] の順にクリックし、 [Web] を展開して、 [Dynamic Web Project (動的 Web プロジェクト)][次へ] の順にクリックします)。(If you don't see Dynamic Web Project listed as an available project after clicking File and New, then do the following: click File, click New, click Project..., expand Web, click Dynamic Web Project, and click Next.)

  3. このチュートリアルでは、プロジェクトに MyWebAppという名前を付けます。For purposes of this tutorial, name the project MyWebApp. 画面は次のようになります。Your screen will appear similar to the following:

    新しい動的 Web プロジェクトの作成

  4. [完了] をクリックします。Click Finish.

  5. Eclipse のプロジェクト エクスプローラー ビューで、MyWebApp を展開します。Within Eclipse's Project Explorer view, expand MyWebApp. WebContent を右クリックし、 [新規][JSP ファイル] の順にクリックします。Right-click WebContent, click New, and then click JSP File.

  6. [New JSP File (新しい JSP ファイル)] ダイアログ ボックスで index.jsp ファイルに名前を付け、親フォルダーは MyWebApp/WebContent のままにして [次へ] をクリックします。In the New JSP File dialog box, name the file index.jsp, keep the parent folder as MyWebApp/WebContent, and then click Next.

  7. [Select JSP Template (JSP テンプレートの選択)] ダイアログ ボックスで、このチュートリアルのために [New JSP File (html) (新しい JSP ファイル (html))] を選択し、 [完了] をクリックします。In the Select JSP Template dialog box, for purposes of this tutorial select New JSP File (html), and then click Finish.

  8. index.jsp ファイルが Eclipse で開いたら、"Hello World! " を動的に表示するためのテキストをWhen your index.jsp file opens in Eclipse, add in text to dynamically display Hello World! 既存の <body> 要素に追加します。within the existing <body> element. 更新された <body> コンテンツは、次のようになります。Your updated <body> content should resemble the following example:

    <body><b><% out.println("Hello World!"); %></b></body>
    
  9. index.jsp を保存します。Save index.jsp.

Azure への Web アプリのデプロイDeploy your web app to Azure

Java Web アプリケーションを Azure にデプロイする方法はいくつかあります。There are several ways by which you can deploy a Java web application to Azure. このチュートリアルでは、アプリケーションを Azure Web アプリ コンテナーにデプロイするという最も簡単な方法について説明します。特殊なプロジェクトの種類や追加のツールは必要ありません。This tutorial describes one of the simplest: your application will be deployed to an Azure Web App Container - no special project type nor additional tools are needed. JDK と Web コンテナー ソフトウェアは Azure から提供されるので、自分でアップロードする必要はありません。必要なものは Java Web アプリのみです。The JDK and the web container software will be provided for you by Azure, so there is no need to upload your own; all you need is your Java Web App. 結果として、アプリケーションの発行プロセスにかかる時間は分単位ではなく、秒単位になります。As a result, the publishing process for your application will take seconds, not minutes.

  1. Eclipse の Project Explorer で [MyWebApp] を右クリックします。In Eclipse's Project Explorer, right-click MyWebApp.

  2. コンテキスト メニューの [Azure][Publish as Azure Web App (Azure Web アプリとして発行)] の順に選択します。In the context menu, select Azure, then click Publish as Azure Web App...

    [Publish as Azure Web App (Azure Web アプリとして発行)]

    または、Project Explorer で Web アプリケーション プロジェクトが選択されている状態で、ツール バーの [発行] ドロップダウン ボタンをクリックし、そこから [Publish as Azure Web App (Azure Web アプリとして発行)] を選択します。Alternatively, while your web application project is selected in the Project Explorer, you can click the Publish dropdown button on the toolbar and select Publish as Azure Web App from there:

    [Publish as Azure Web App (Azure Web アプリとして発行)]

  3. まだ Eclipse から Azure にサインインしていない場合、Azure アカウントにサインインするように求められます。If you have not already signed into Azure from Eclipse, you will be prompted to sign into your Azure account:

    Azure サインイン ダイアログ ボックス

    複数の Azure アカウントがある場合、サインイン プロセス中に同じようなプロンプトが何度も表示されることがあります。If you have multiple Azure accounts, some of the prompts during the sign in process may be shown more than once, even if they appear to be the same. このような状況の場合、次のサインイン手順を続行します。When this happens, continue following the sign in instructions.

  4. Azure アカウントに正常にサインインすると、 [サブスクリプションの管理] ダイアログ ボックスに、資格情報に関連付けられたサブスクリプションの一覧が表示されます。After you have successfully signed into your Azure account, the Manage Subscriptions dialog box will display a list of subscriptions that are associated with your credentials. 複数のサブスクリプションが表示された場合、その一部のみを使用するには、使用しないサブスクリプションのチェックボックスを必要に応じてオフにします。If there are multiple subscriptions listed and you want to work with only a specific subset of them, you may optionally uncheck the ones you do want to use. サブスクリプションを選択したら、 [閉じる] をクリックします。When you have selected your subscriptions, click Close.

    [サブスクリプションの管理] ダイアログ ボックス

  5. [Deploy to Azure Web App Container (Azure Web アプリ コンテナーにデプロイ)] ダイアログ ボックスを開くと、以前に作成した Web アプリ コンテナーがすべて表示されます。コンテナーを作成していない場合、一覧は空欄です。When the Deploy to Azure Web App Container dialog box appears, it will display any Web App containers that you have previously created; if you have not created any containers, the list will be empty.

    [Deploy to Azure Web App Container (Azure Web アプリ コンテナーにデプロイ)] ダイアログ ボックス

  6. 以前に Azure Web アプリ コンテナーを作成していない場合、またはアプリケーションを新しいコンテナーに発行する場合は、次の手順を実行します。If you have not created an Azure Web App Container before, or if you would like to publish your application to a new container, use the following steps. 作成済みの場合は、既存の Web アプリ コンテナーを選択し、以下の手順 7 に進みます。Otherwise, select an existing Web App Container and skip to step 7 below.

    a.a. [New (新規)]Click New...

    [Deploy to Azure Web App Container (Azure Web アプリ コンテナーにデプロイ)] ダイアログ ボックス

    b.b. [New Web App Container (新しい Web アプリ コンテナー)] ダイアログ ボックスが表示されます。The New Web App Container dialog box will be displayed:

    [New Web App Container (新しい Web アプリ コンテナー)] ダイアログ ボックス

    c.c. Web アプリ コンテナーの [DNS Label (DNS ラベル)] を入力します。これで、Azure の Web アプリケーションについて、ホスト URL のリーフ DNS ラベルが構成されます。Enter a DNS Label for your Web App Container; this will form the leaf DNS label of the host URL for your web application in Azure. (この名前は使用可能であり、Azure Web アプリの名前付け要件に準拠している必要があります。)(Note that the name must be available and conform to Azure Web App naming requirements.)

    d.d. [Web Container (Web コンテナー)] ドロップダウン メニューで、アプリケーションに適したソフトウェアを選択します。In the Web Container drop-down menu, select the appropriate software for your application.

    現在、Tomcat 8、Tomcat 7 または Jetty 9 から選択することができます。Currently, you can choose from Tomcat 8, Tomcat 7 or Jetty 9. 選択したソフトウェアの最新ディストリビューションが Azure で提供され、Azure で提供される JDK の最新ディストリビューションで実行されます。A recent distribution of the selected software will be provided by Azure, and it will run on a recent distribution of the JDK provided by Azure.

    e.e. [サブスクリプション] ドロップダウン メニューで、このデプロイに使用するサブスクリプションを選択します。In the Subscription drop-down menu, select the subscription you want to use for this deployment.

    f.f. [Resource Group (リソース グループ)] ドロップダウン メニューで、Web アプリに関連付けるリソース グループを選択します。In the Resource Group drop-down menu, select the Resource Group with which you want to associate your Web App. (Azure リソース グループを使用すると、関連リソースをグループ化できるため、たとえば、リソースをまとめて削除できます。)(Azure Resource Groups allow you to group related resources together so that, for example, they can be deleted together.)

    (所有している場合は) 既存のリソース グループを選択して、下記のステップ g にスキップするか、以下のステップに従って、新しいリソース グループを作成します。You can select an existing Resource Group (if you have any) and skip to step g below, or use the following these steps to create a new Resource Group:

    • [New (新規)]Click New...

    • [New Resource Group (新しいリソース グループ)] ダイアログ ボックスが表示されます。The New Resource Group dialog box will be displayed:

      [New Resource Group (新しいリソース グループ)] ダイアログ ボックス

    • [Name (名前)] テキスト ボックスに、新しいリソース グループの名前を入力します。In the the Name textbox, specify a name for your new Resource Group.

    • [Region (リージョン)] ドロップダウン メニューで、リソース グループに適した Azure データ センターの場所を選択します。In the the Region drop-down menu, select the appropriate Azure data center location for your Resource Group.

    • 省略可能:既定では、Java 8 の最新のディストリビューションは、Azure によってお客様の Web アプリ コンテナーに JVM として自動的にデプロイされます。OPTIONAL: By default, a recent distribution of Java 8 will be deployed by Azure automatically to your web app container as your JVM. ただし、Web アプリで必要な場合は、JVM の別のバージョンと配布を指定できます。However, you can specify a different version and distribution of the JVM if your Web App requires it. Web アプリの JDK を指定するには、 [JDK] タブをクリックし、次のオプションのいずれかを選択します。To specify the JDK for your Web App, click the JDK tab, and select one of the following options:

      • Azure Web Apps サービスによって提供される既定の JDK をデプロイする: このオプションでは、Java の最新のディストリビューションがデプロイされます。Deploy the default JDK offered by Azure Web Apps service: This option will deploy a recent distribution of Java.

      • [Deploy a 3rd party JDK available on Azure](Azure で利用できるサード パーティの JDK をデプロイする) : このオプションでは、Microsoft Azure によって提供される JDK のリストから選択できます。Deploy a 3rd party JDK available on Azure: This option allows you to choose from the list of JDKs which are provided by Microsoft Azure.

      • [Deploy my own JDK from this download location](このダウンロード場所から独自の JDK をデプロイする) : このオプションでは独自の JDK ディストリビューションを指定できます。これは、ZIP ファイルとしてパッケージ化し、公開されているダウンロード場所またはアクセスできる Azure Storage アカウントにアップロードする必要があります。Deploy my own JDK from this download location: This option allows you to specify your own JDK distribution, which must be packaged as a ZIP file and uploaded to either a publicly available download location or an Azure storage account for which you have access.

        [New Web App Container (新しい Web アプリ コンテナー)] ダイアログ ボックス

    g.g. Click OK.Click OK.

    h.h. [App Service Plan (App Service プラン)] ドロップダウン メニューには、選択したリソース グループに関連付けられた App Service プランが表示されます。The App Service Plan drop-down menu lists the app service plans that are associated with the Resource Group that you selected. (App Service プランでは、Web アプリの場所、価格レベル、コンピューティング インスタンス サイズなどの情報を指定します。(App Service Plans specify information such as the location of your Web App, the pricing tier and the compute instance size. 単一の App Service プランを複数の Web Apps に使用できます。そのため、App Service プランは、特定の Web アプリのデプロイとは別に保持されます。)A single App Service Plan can be used for multiple Web Apps, which is why it is maintained separately from a specific Web App deployment.)

    You can select an existing App Service Plan (if you have any) and skip to step h below, or use the following these steps to create a new App Service Plan:
    
    • [New (新規)]Click New...

    • [New App Service Plan (新しい App Service プラン)] ダイアログ ボックスが表示されます。The New App Service Plan dialog box will be displayed:

      [新しい App Service プラン] ダイアログ ボックス

    • [Name (名前)] ボックスに、新しい App Service プランの名前を入力します。In the the Name textbox, specify a name for your new App Service Plan.

    • [Location (場所)] ドロップダウン メニューで、プランに適した Azure データ センターの場所を選択します。In the the Location drop-down menu, select the appropriate Azure data center location for the plan.

    • [Pricing Tier (価格レベル)] ドロップダウン メニューで、プランに適した価格を選択します。In the the Pricing Tier drop-down menu, select the appropriate pricing for the plan. テスト目的の場合は、 [Free] を選択できます。For testing purposes you can choose Free.

    • [Instance Size (インスタンス サイズ)] ドロップダウン メニューで、プランに適したインスタンス サイズを選択します。In the the Instance Size drop-down menu, select the appropriate instance size for the plan. テスト目的の場合は、 [Small] を選択できます。For testing purposes you can choose Small.

    i.i. これらの手順をすべて完了すると、[New Web App Container] (新しい Web アプリ コンテナー) ダイアログ ボックスは次の図のようになります。Once you have completed all of the above steps, the New Web App Container dialog box should resemble the following illustration:

    [New Web App Container (新しい Web アプリ コンテナー)] ダイアログ ボックス

    j.j. [OK] をクリックすると、新しい Web アプリ コンテナーの作成が完了します。Click OK to complete the creation of your new Web App container.

    数秒待つと Web アプリ コンテナーの一覧が更新されます。一覧で新しく作成した Web アプリ コンテナーが選択されています。Wait a few seconds for the list of the Web App containers to be refreshed, and your newly-created web app container should now be selected in the list.

  7. 以上で、初めて Web アプリを Azure にデプロイする処理を完了できます。You are now ready to complete the initial deployment of your Web App to Azure:

    [Deploy to Azure Web App Container (Azure Web アプリ コンテナーにデプロイ)] ダイアログ ボックス

    [OK] をクリックして、Java アプリケーションを選択した Web アプリ コンテナーにデプロイします。Click OK to deploy your Java application to the selected Web App container.

    既定では、アプリケーションはアプリケーション サーバーのサブディレクトリとしてデプロイされます。By default, your application will be deployed as a subdirectory of the application server. ルート アプリケーションとしてデプロイする場合、 [Deploy to root (ルートにデプロイ)] チェック ボックスをオンにして [OK] をクリックします。If you want it to be deployed as the root application, check the Deploy to root checkbox before clicking OK.

  8. [Azure Activity Log (Azure アクティビティ ログ)] ビューが開き、Web アプリのデプロイの状態が表示されます。Next, you should see the Azure Activity Log view, which will indicate the deployment status of your Web App.

    [Azure Activity Log (Azure アクティビティ ログ)]

    Web アプリを Azure にデプロイするプロセスは、わずか数秒で完了します。The process of deploying your Web App to Azure should take only a few seconds to complete. アプリケーションの準備ができると、 [Published (発行済み)] in the [Published (発行済み)] というリンクが表示されます。When your application ready, you will see a link named Published in the Status column. リンクをクリックすると、デプロイした Web アプリのホーム ページが表示されます。When you click the link, it will take you to your deployed Web App's home page.

Web アプリの更新Updating your web app

既存の実行中の Azure Web アプリを更新するプロセスは短時間で簡単です。更新には 2 つのオプションがあります。Updating an existing running Azure Web App is a quick and easy process, and you have two options for updating:

  • 既存の Java Web アプリのデプロイを更新できます。You can update the deployment of an existing Java Web App.
  • 同じ Web アプリ コンテナーに追加の Java アプリケーションを発行できます。You can publish an additional Java application to the same Web App Container.

いずれの場合でもプロセスは同じで、かかる時間は数秒です。In either case, the process is identical and takes only a few seconds:

  1. Eclipse の Project Explorer で、更新する Java アプリケーションを右クリックするか、既存の Web アプリ コンテナーに追加します。In the Eclipse project explorer, right-click the Java application you want to update or add to an existing Web App Container.

  2. コンテキスト メニューが表示されたら、 [Azure][Publish as Azure Web App (Azure Web アプリとして発行)] の順に選択します。When the context menu appears, select Azure and then Publish as Azure Web App...

  3. 既にログインしているので、既存の Web アプリ コンテナーの一覧が表示されます。Since you have already logged in previously, you will see a list of your existing Web App containers. Java アプリケーションを発行または再発行するコンテナーを選択し、 [OK] をクリックします。Select the one you want to publish or re-publish your Java application to and click OK.

数秒後、 [Azure Activity Log (Azure アクティビティ ログ)] ビューに更新されたデプロイが [Published (発行済み)] と表示され、Web ブラウザーで更新されたアプリケーションを確認できます。A few seconds later, the Azure Activity Log view will show your updated deployment as Published and you will be able to verify your updated application in a web browser.

既存の Web アプリの起動、停止、再起動Starting, stopping, or restarting an existing web app

既存の Azure Web アプリ コンテナー (コンテナー内にデプロイされているすべての Java アプリケーションを含む) を起動または停止するには、 [Azure Explorer] (Azure Explorer) ビューを使用できます。To start or stop an existing Azure Web App container, (including all the deployed Java applications in it), you can use the Azure Explorer view.

Azure 用エクスプローラー ビューがまだ開いていない場合、Eclipse の [ウィンドウ] メニュー、 [Show View (ビューの表示)][Other (その他)][Azure][Azure Explorer (Azure 用エクスプローラー)] の順にクリックして開きます。If the Azure Explorer view is not already open, you can open it by clicking then Window menu in Eclipse, then click Show View, then Other..., then Azure, and then click Azure Explorer. まだログインしていない場合は、ログインするように求められます。If you have not previously logged in, it will prompt you to do so.

[Azure Explorer] (Azure Explorer) ビューが表示されたら、次の手順に従って Web アプリを起動また停止します。When the Azure Explorer view is displayed, use follow these steps to start or stop your Web App:

  1. [Azure] ノードを展開します。Expand the Azure node.

  2. [Web Apps (Web アプリ)] ノードを展開します。Expand the Web Apps node.

  3. 目的の Web App を右クリックします。Right-click the desired Web App.

  4. コンテキスト メニューが表示されたら、 [Start (起動)] [Stop (停止)] 、または [Restart (再起動)] をクリックします。When the context menu appears, click Start, Stop, or Restart. メニュー項目はコンテキストに依存します。つまり、Web アプリが実行しているときは停止操作のみ、Web アプリが現在実行されていないときは起動操作のみを行うことができます。Note that the menu choices are context-aware, so you can only stop a running web app or start a web app which is not currently running.

    既存の Web アプリを停止する

次の手順Next steps

バグを報告したり、新機能をリクエストしたりするには、当社の GitHub リポジトリで問題を作成してください。To report bugs or request new features, create issues on our GitHub repository. または、Stack Overflow でタグ azure-java-tools を使用して質問してください。Or, ask questions on Stack Overflow with tag azure-java-tools.

Azure での Java の使用方法の詳細については、以下のリンクを参照してください。For more information about using Java with Azure, see the following links:

Azure Web Apps の作成の詳細については、「 Web Apps の概要」を参照してください。For additional information about creating Azure Web Apps, see the Web Apps Overview.