Partager via


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

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 IntelliJ.

Remarque

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

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

Installer et se connecter

Les étapes suivantes vous guident à travers le processus de connexion à Azure dans votre environnement de développement IntelliJ.

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

  2. Pour vous connecter à votre compte Azure, accédez à la barre latérale de gauche Azure Explorer (Explorateur Azure), puis cliquez sur l’icône Azure Sign In (Connexion à Azure). Alternativement, vous pouvez naviguer vers Outils, développer Azure, puis cliquer sur Connexion Azure.

    Se connecter à Azure sur IntelliJ.

  3. Dans la fenêtre Connexion à Azure qui s’affiche, sélectionnez OAuth 2.0, puis cliquez sur Se connecter. Pour d’autres options de connexion, consultez Instructions de connexion pour Azure Toolkit for IntelliJ.

  4. Dans le navigateur, connectez-vous avec votre compte, puis revenez à IntelliJ. Dans la boîte de dialogue Sélectionner les abonnements, cliquez sur l’abonnement que vous souhaitez utiliser, puis cliquez sur Sélectionner.

Créer un projet d’application web

  1. Cliquez sur File (Fichier), développez New (Nouveau), puis cliquez sur Project (Projet).

  2. Dans la boîte de dialogue New Project (Nouveau projet), sélectionnez Maven et vérifiez que l’option Create from Archetype (Créer à partir d’un archétype) est cochée. Dans la liste, sélectionnez maven-archetype-webapp, puis cliquez sur Suivant.

    Sélectionner l’option maven-archetype-webapp.

  3. Développez la liste déroulante Coordonnées de l’artefact pour voir tous les champs à saisir. Spécifiez les informations suivantes pour votre nouvelle application web, puis cliquez sur Suivant :

    • Nom : Le nom de votre application web. Cette valeur sera utilisée pour remplir automatiquement le champ ArtifactId de l’application web.
    • GroupId : Le nom du groupe d’artefacts, généralement un domaine d’entreprise, tel que com.microsoft.azure.
    • Version : Nous conserverons la version par défaut 1.0-SNAPSHOT.
  4. Personnalisez les paramètres Maven ou acceptez les valeurs par défaut, puis cliquez sur Finish (Terminer).

  5. Pour trouver le code généré, naviguez vers votre projet dans l’onglet Projet à gauche, puis ouvrez le fichier src/main/webapp/index.jsp. Vous verrez un code similaire à l’exemple suivant.

    <html>
     <body>
       <h2>Hello World!</h2>
     </body>
    </html>
    

    Ouvrir le fichier index.jsp.

Déployer l’application web sur Azure

  1. Sous l’affichage de l’Explorateur de projets, faites un clic droit sur votre projet, développez Azure, puis cliquez sur Déployer sur Azure Web Apps.

  2. Dans la boîte de dialogue Deploy to Azure, vous pouvez déployer l’application sur une application web Tomcat existante ou vous pouvez en créer une.

    a. Cliquez sur + pour créer une application web. Sinon, choisissez WebApp dans la liste déroulante WebApp si des applications web existent dans votre abonnement.

    Fenêtre de la boîte de dialogue Deploy to Azure.

    b. Dans la boîte de dialogue contextuelle Create WebApp (Créer une application web), spécifiez les informations suivantes, puis cliquez sur OK :

    • Nom : Le nom de domaine de l’application Web. Cette valeur doit être unique sur Azure.
    • Plateforme : sélectionnez Linux-Java 8-TOMCAT 9.0 ou la plateforme appropriée.

    c. Pour déployer sur une application web existante, choisissez l’application web dans la liste déroulante WebApp, puis cliquez sur Run (Exécuter).

  3. Le Kit de ressources affiche un message d’état une fois qu’il a réussi à déployer votre application web, avec l’URL de votre application web déployée en cas de succès.

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

    Navigation dans votre application web.

Gérer les configurations de déploiement

Conseil

Une fois que vous avez publié votre application web, vous pouvez effectuer le déploiement en cliquant sur l’icône en forme de flèche verte dans la barre d’outils.

  1. Avant d’effectuer le déploiement de votre application web, vous pouvez modifier les paramètres par défaut en cliquant sur le menu déroulant de votre application web et en sélectionnant Modifier les configurations.

    Menu Modifier les configurations.

  2. Quand la boîte de dialogue Exécuter/Déboguer des configurations s’affiche, vous pouvez modifier les paramètres par défaut. Cliquez sur OK pour enregistrer les paramètres.

Nettoyer les ressources

  1. Pour supprimer votre application web, accédez à la barre latérale Azure Explorer à gauche et recherchez l’élément Web Apps.

    Remarque

    Si l’élément de menu Web Apps ne se développe pas, actualisez manuellement la liste en cliquant sur l’icône Refresh (Actualiser) dans la barre d’outils de l’Explorateur Azure, ou en cliquant avec le bouton droit sur l’élément de menu Web Apps et en sélectionnant Refresh.

  2. Cliquez avec le bouton droit sur l’application web à supprimer, puis cliquez sur Delete (Supprimer).

  3. Pour supprimer votre plan ou votre groupe de ressources App Service, accédez au portail Azure et supprimez manuellement les ressources sous votre abonnement.

Étapes suivantes

Pour signaler des bugs ou demander de nouvelles fonctionnalités, créez des issues sur notre référentiel GitHub, ou posez des questions sur Stack Overflow avec l’étiquette 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, veuillez consulter la section Vue d’ensemble du service App.