Partager via

Créer une application web Hello World pour Azure App Service à l’aide d’Eclipse

  • Article

Cet article décrit les étapes à suivre pour créer une application web Hello World de base et la publier sur Azure App Service en utilisant Azure Toolkit for Eclipse.

Remarque

Si vous préférez utiliser IntelliJ IDEA, consultez notre tutoriel similaire pour IntelliJ.

Si vous n’avez pas d’abonnement Azure, créez un compte gratuit avant de commencer.

N’oubliez pas de nettoyer les ressources après avoir terminé ce tutoriel. Dans ce cas, l’exécution de ce guide ne provoquera pas de dépassement du quota de votre compte gratuit.

Prérequis

Pour réaliser les étapes présentes dans cet article, vous devrez installer le Azure Toolkit for Eclipse, ce qui nécessite les composants logiciels suivants :

Remarque

La page Azure Toolkit for Eclipse sur Eclipse Marketplace liste les versions compatibles avec le kit de ressources.

Installation et connexion

Les étapes suivantes vous guident tout au long du processus de connexion à Azure dans votre environnement de développement Eclipse.

  1. Si vous n’avez pas installé le plug-in, consultez Installation d’Azure Toolkit for Eclipse.

  2. Pour vous connecter à votre compte Azure, cliquez sur Tools (Outils), Azure, puis Sign In (Connexion).

    Se connecter à Azure dans l’IDE Eclipse.

  3. Dans la fenêtre Connexion à Azure qui s’affiche, sélectionnez Connexion à l’appareil, puis cliquez sur Connexion (autres options de connexion).

  4. Cliquez sur Copy&Open (Copier et ouvrir) dans la boîte de dialogue Azure Device Login.

  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.

  6. Sélectionnez votre compte Azure et effectuez les procédures d’authentification nécessaires pour vous connecter.

  7. Une fois connecté, fermez votre navigateur et revenez à votre IDE Eclipse. Dans la boîte de dialogue Select Subscriptions (Sélectionner des abonnements), sélectionnez les abonnements que vous voulez utiliser, puis cliquez sur Select (Sélectionner).

Installer les logiciels requis (facultatif)

Pour être sûr d’avoir les composants nécessaires pour travailler avec des projets d’application web, suivez ces étapes :

  1. Cliquez sur le menu Help (Aide), puis sélectionnez Install New Software (Installer un nouveau logiciel).

  2. Dans la boîte de dialogue Available Software (Logiciels disponibles), cliquez sur Manage (Gérer) et vérifiez que la dernière version d’Eclipse est sélectionnée (par exemple 2020-06).

  3. Cliquez sur Apply and Close (Appliquer et fermer). Développez le menu déroulant Work with: (Travailler avec :) pour voir les sites suggérés. Sélectionnez le site de la dernière version d’Eclipse pour interroger les logiciels disponibles.

  4. Faites défiler la liste et sélectionnez l’élément Web, XML, Java EE and OSGi Enterprise Development (Développement d’entreprise Web, XML, Java EE et OSGi). Sélectionnez Suivant.

  5. Dans la boîte de dialogue Install Details (Détails d’installation), cliquez sur Suivant.

  6. Dans la boîte de dialogue Review Licenses (Vérifier les licences), passez en revue les termes des contrats de licence. Si vous acceptez les termes des contrats de licence, cliquez sur I accept the terms of the license agreements (J’accepte les termes des contrats de licence), puis sur Finish (Terminer).

    Remarque

    Vous pouvez vérifier la progression de l’installation en bas à droite de votre espace de travail Eclipse.

  7. Si vous êtes invité à redémarrer Eclipse pour terminer l’installation, cliquez sur Redémarrer maintenant.

Création d’un projet d’application web

  1. Cliquez sur File (Fichier), développez New (Nouveau), puis cliquez sur ...Project (...Projet). Dans la fenêtre de la boîte de dialogue New Project (Nouveau projet), développez Web, sélectionnez Dynamic Web Project (Projet web dynamique), puis cliquez sur Suivant.

    Conseil

    Si Web ne figure pas dans la liste des projets disponibles, consultez cette section pour vérifier que vous disposez des logiciels Eclipse requis.

  2. Pour l’exemple de ce didacticiel, nommez le projet MyWebApp. Votre écran se présente comme suit :

    Propriétés Nouveau projet web dynamique

  3. Cliquez sur Terminer.

  4. Dans le volet Package Explorer (Explorateur de package) de gauche, développez MyWebApp. Cliquez avec le bouton droit sur WebContent, placez le curseur de votre souris sur New (Nouveau), puis sur JSP File (Fichier JSP).

  5. Développez Web pour trouver l’option JSP File (Fichier JSP). Sélectionnez Suivant.

  6. 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).

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

  7. Pour les besoins de ce tutoriel, dans la boîte de dialogue Select JSP Template (Sélectionner le modèle JSP), sélectionnez New JSP File (html 5) (Nouveau fichier JSP (html 5)) et cliquez sur Finish (Terminer).

  8. Lorsque votre fichier index.jsp s’ouvre dans Eclipse, ajoutez du texte pour afficher Hello World! de manière dynamique dans l’élément <body> existant. Le contenu <body> mis à jour doit ressembler à l’exemple suivant :

    <body>
<b><% out.println("Hello World!"); %></b>
</body>

  9. Enregistrez index.jsp.

Déploiement de l’application web sur Azure

  1. Dans le volet Package Explorer (Explorateur de package) à gauche, cliquez avec le bouton droit sur votre projet, choisissez Azure, puis Publish as Azure Web App (Publier en tant qu’application web Azure).

    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 :

    • Sélectionnez une application web existante, s’il y en a.

    • Si vous n’avez pas d’application web existante, cliquez sur Create (Créer).

      Ici, vous pouvez configurer l’environnement d’exécution, le groupe de ressources Plan App Services et les paramètres de l’application. Créez des ressources si nécessaire.

      Spécifiez les informations requises pour votre application web dans la boîte de dialogue Créer App Service, puis cliquez sur Créer.

  3. Sélectionnez votre application web, puis cliquez sur Déployer.

  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.

  5. Vous pouvez accéder à votre application web à l’aide du lien fourni dans le message d’état.

    Accès à votre application web

Nettoyage des ressources

  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. Par exemple, vous pouvez supprimer votre application web ici afin de nettoyer la ressource pour ce tutoriel.

    Gérer App Service

Affichage de la fenêtre Azure Explorer

Si la fenêtre Azure Explorer ne s’affiche pas dans Eclipse, procédez comme suit :

  1. Cliquez sur Window (Fenêtre), placez le curseur de la souris sur Show View (Afficher la vue), puis cliquez sur Other (Autre).

  2. Dans la boîte de dialogue Show View, sélectionnez Azure, sélectionnez Azure Explorer, puis cliquez sur Open (Ouvrir).

    Sélectionner l’option Azure Explorer.

Étapes suivantes

Pour signaler des bogues ou demander de nouvelles fonctionnalités, créez une entrée dans notre dépôt GitHub. Vous pouvez aussi poser des questions sur Stack Overflow avec la balise azure-java-tools.

Pour plus d’informations sur l’utilisation de Java avec Azure, consultez les liens suivants :

Pour plus d’informations sur la création d’Azure Web Apps, consultez la Vue d’ensemble de Web Apps.