Créer une application web Hello World pour Azure App Service à l’aide d’EclipseCreate a Hello World web app for Azure App Service using Eclipse

Avec le plug-in open source Azure Toolkit for Eclipse, la création et le déploiement d’une application Hello World de base sur Azure App Service en tant qu’application web ne prennent que quelques minutes.Using open sourced Azure Toolkit for Eclipse plugin, creating and deploying a basic Hello World application to Azure App Service as a web app can be done in a few minutes.

Notes

Si vous préférez utiliser IntelliJ IDEA, consultez notre tutoriel similaire pour IntelliJ.If you prefer using IntelliJ IDEA, check out our similar tutorial for IntelliJ.

If you don't have an Azure subscription, create a free account before you begin.

N’oubliez pas de nettoyer les ressources après avoir terminé ce tutoriel.Don't forget to clean up the resources after you complete this tutorial. Dans ce cas, l’exécution de ce guide ne provoquera pas de dépassement du quota de votre compte gratuit.In that case, running this guide will not exceed your free account quota.

Prerequisites

To complete the steps in this article, you will need to install the Azure Toolkit for Eclipse, which requires the following software components:

Notes

The Azure Toolkit for Eclipse page at the Eclipse Marketplace lists the builds that are compatible with the toolkit.

Installation et connexionInstallation and sign-in

  1. Faites glisser le bouton suivant vers votre espace de travail Eclipse en cours d’exécution pour installer le plug-in Azure Toolkit for Eclipse (autres options d’installation).Drag the following button to your running Eclipse workspace to install the Azure Toolkit for Eclipse plugin (other installation options).

    Faites glisser vers votre espace de travail Eclipse* en cours d’exécution. *Nécessite Eclipse Marketplace ClientDrag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client

  2. Pour vous connecter à votre compte Azure, cliquez sur Tools, Azure, puis Sign In.To sign in to your Azure account, click Tools, then click Azure, and then click Sign In. Menu d’Eclipse pour la connexion à AzureEclipse Menu for Azure Sign In

  3. Dans la fenêtre Connexion à Azure qui s’affiche, sélectionnez Connexion à l’appareil, puis cliquez sur Connexion (autres options de connexion).In the Azure Sign In window, select Device Login, and then click Sign in (other sign-in options).

    Fenêtre Connexion à Azure avec l’option Connexion à l’appareil activée

  4. Cliquez sur Copier et ouvrir dans la boîte de dialogue Connexion à l’appareil Azure.Click Copy&Open in Azure Device Login dialog .

    Boîte de dialogue Connexion à Azure

  5. Dans le navigateur, collez le code de votre appareil (qui a été copié quand vous avez cliqué sur Copier et ouvrir à la dernière étape), puis cliquez sur Suivant.In the browser, paste your device code (which has been copied when you clicked Copy&Open in last step) and then click Next.

    Navigateur de connexion à l’appareil

  6. Pour finir, dans la boîte de dialogue Sélectionner des abonnements, sélectionnez les abonnements que vous souhaitez utiliser, puis cliquez sur OK.Finally, in the Select Subscriptions dialog box, select the subscriptions that you want to use, then click OK.

    Boîte de dialogue Sélectionner des abonnements

Création de projet d’application webCreating web app project

  1. Cliquez sur File (Fichier), sur New (Nouveau), puis sur Dynamic Web Project (Projet web dynamique).Click File, click New, and then click Dynamic Web Project. (si Dynamic Web Project (Projet web dynamique) n’est pas répertorié en tant que projet disponible une fois que vous avez cliqué sur File (Fichier) et New (Nouveau) , procédez comme suit : cliquez sur File (Fichier) , cliquez sur New (Nouveau) , sur Project (Projet)... , développez Web, puis cliquez sur Dynamic Web Project (Projet web dynamique) et sur Next (Suivant) ).(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.)

    Création d’un nouveau projet Web dynamique

  2. Pour l’exemple de ce didacticiel, nommez le projet MyWebApp.For purposes of this tutorial, name the project MyWebApp. Votre écran se présente comme suit :Your screen will appear similar to the following:

    Propriétés Nouveau projet web dynamique

  3. Cliquez sur Terminer.Click Finish.

  4. Dans la vue Explorateur de projets d’Eclipse, développez MyWebApp.Within Eclipse's Project Explorer view, expand MyWebApp. Cliquez avec le bouton droit sur WebContent, cliquez sur New (Nouveau) , puis sur JSP File (Fichier JSP) .Right-click WebContent, click New, and then click JSP File.

    Créer Nouveau fichier JSP

  5. Dans la boîte de dialogue New JSP File (Nouveau fichier JSP), nommez le fichier index.jsp, conservez le dossier parent en tant que MyWebApp/WebContent, puis cliquez sur Next (Suivant).In the New JSP File dialog box, name the file index.jsp, keep the parent folder as MyWebApp/WebContent, and then click Next.

    Boîte de dialogue New JSP File (Nouveau fichier JSP)

  6. Pour les besoins de ce didacticiel, dans la boîte de dialogue Select JSP Template (Sélectionner le modèle JSP), sélectionnez New JSP File (html) (Nouveau fichier JSP (html)) et cliquez sur Finish (Terminer).In the Select JSP Template dialog box, for purposes of this tutorial select New JSP File (html), and then click Finish.

    Sélectionner un modèle JSP

  7. Quand votre fichier index.jsp s’ouvre dans Eclipse, ajoutez un texte pour afficher dynamiquement Hello World!When your index.jsp file opens in Eclipse, add in text to dynamically display Hello World! dans l’élément <body> existant.within the existing <body> element. Le contenu <body> mis à jour doit ressembler à l’exemple suivant :Your updated <body> content should resemble the following example:

    <body><b><% out.println("Hello World!"); %></b></body>
    
  8. Enregistrez index.jsp.Save index.jsp.

Déploiement d’application web sur AzureDeploying web app to Azure

  1. Dans la vue de l’Explorateur de projets d’Eclipse, cliquez avec le bouton droit sur votre projet, choisissez Azure, puis Publish as Azure Web App (Publier en tant qu’application web Azure).Within Eclipse's Project Explorer view, right-click your project, choose Azure, and then choose Publish as Azure Web App.

    Publish as Azure Web App

  2. Lorsque la boîte de dialogue Deploy Web App (Déployer une application web) s’affiche, vous pouvez choisir l’une des options suivantes :When the Deploy Web App dialog box appears, you can choose one of the following options:

    • Sélectionnez une application web existante, s’il y en a.Select an existing web app if one exists.

      Sélectionner un App Service

    • Cliquez sur Create New Web App.Click Create New Web App.

      Créer un App Service

      Spécifiez les informations requises pour votre application web dans la boîte de dialogue Créer App Service, puis cliquez sur Créer.Specify the requisite information for your web app in the Create App Service dialog box, and then click Create.

      Ici, vous pouvez configurer l’environnement d’exécution, les paramètres de l’application, le plan de service et le groupe de ressources.Here you can configure the runtime environment, app settings, service plan and resource group.

      Boîte de dialogue Créer App Service

  3. Sélectionnez votre application web, puis cliquez sur Déployer.Select your web app and then click Deploy.

    Déployer App Service

  4. Le Kit de ressources affiche un le statut Published (Publié) sous l’onglet Azure Activity Log lorsque le déploiement de votre application web a été effectué. Il s’agit d’un hyperlien pour l’URL de votre application web déployée.The toolkit will display a Published status under the Azure Activity Log tab when it has successfully deployed your web app, which is a hyperlink for the URL of your deployed web app.

    État de publication

  5. Vous pouvez accéder à votre application web à l’aide du lien fourni dans le message d’état.You can browse to your web app using the link provided in the status message.

    Accès à votre application web

Afficher la fenêtre Azure ExplorerDisplay the Azure Explorer view

Si la fenêtre Azure Explorer ne s’affiche pas dans Eclipse, procédez comme suit :If the Azure Explorer view is not visible in Eclipse, display it by doing the following:

  1. Cliquez sur Fenêtre, sur Affichage puis sur Autres.Click Window, click Show View, and then click Other.

    Commande Affichage

  2. Dans la boîte de dialogue Affichage, sélectionnez Azure Explorer puis cliquez sur OK.In the Show View dialog box, select Azure Explorer, and then click OK.

    Boîte de dialogue Affichage

Suppression des ressourcesCleaning up resources

  1. Après avoir publié votre application web sur Azure, vous pouvez la gérer en cliquant avec le bouton droit dans Azure Explorer et en sélectionnant l’une des options dans le menu contextuel.After you have published your web app to Azure, you can manage it by right-clicking in Azure Explorer and selecting one of the options in the context menu. Par exemple, vous pouvez supprimer votre application web ici afin de nettoyer la ressource pour ce tutoriel.For example, you can Delete your web app here to clean up the resource for this tutorial.

    Gérer App Service

Étapes suivantesNext steps

Pour signaler des bogues ou demander de nouvelles fonctionnalités, créez une entrée dans notre dépôt GitHub.To report bugs or request new features, create issues on our GitHub repository. Vous pouvez aussi poser des questions sur Stack Overflow avec la balise azure-java-tools.Or, ask questions on Stack Overflow with tag azure-java-tools.

Pour plus d’informations sur l’utilisation de Java avec Azure, consultez les liens suivants :For more information about using Java with Azure, see the following links:

Pour plus d’informations sur la création d’Azure Web Apps, consultez la Vue d’ensemble de Web Apps.For additional information about creating Azure Web Apps, see the Web Apps Overview.