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

Grâce au plug-in open source Azure Toolkit for IntelliJ, 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 IntelliJ 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 Eclipse, consultez notre tutoriel similaire pour Eclipse.If you prefer using Eclipse, check out our similar tutorial for Eclipse.

Si vous n’avez pas d’abonnement Azure, créez un compte gratuit avant de commencer.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.

PrérequisPrerequisites

Pour réaliser les étapes présentes dans cet article, vous devez installer le kit de ressources Azure pour IntelliJ, ce qui nécessite les composants logiciels suivants :To complete the steps in his article, you will need to install the Azure Toolkit for IntelliJ, which requires the following software components:

Notes

La page Azure Toolkit for IntelliJ dans le référentiel de plug-in JetBrains liste les versions compatibles avec le kit de ressources.The Azure Toolkit for IntelliJ page at the JetBrains Plugin Repository lists the builds that are compatible with the toolkit.

Installation et connexionInstallation and Sign-in

  1. Dans la boîte de dialogue Settings/Preferences d’IntelliJ IDEA (Ctrl+Alt+S), sélectionnez Plugins.In IntelliJ IDEA's Settings/Preferences dialog (Ctrl+Alt+S), select Plugins. Ensuite, recherchez Azure Toolkit for IntelliJ sur la Place de marché et cliquez sur Installer.Then, find the Azure Toolkit for IntelliJ in the Marketplace and click Install. Une fois l’installation terminée, cliquez sur Redémarrer pour activer le plug-in.After installed, click Restart to activate the plugin.

    Plug-in Azure Toolkit for IntelliJ sur la Place de marché

  2. Pour vous connecter à votre compte Azure, ouvrez la barre latérale Azure Explorer, puis cliquez sur l’icône Connexion à Azure dans la barre en haut (ou dans le menu IDEA Tools/Azure/Azure Sign in).To sign in to your Azure account, open sidebar Azure Explorer, and then click the Azure Sign In icon in the bar on top (or from IDEA menu Tools/Azure/Azure Sign in).

    Commande IntelliJ de connexion à Azure

  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 click Copy&Open in last step) and then click Next.

    Navigateur de connexion à l’appareil

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

    Boîte de dialogue Sélectionner des abonnements

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

  1. Dans IntelliJ, cliquez sur le menu File, sur New, puis sur Project.In IntelliJ, click the File menu, then click New, and then click Project.

    Créer un projet

  2. Dans la boîte de dialogue New Project, sélectionnez Maven, puis maven-archetype-webapp, puis cliquez sur Next.In the New Project dialog box, select Maven, then maven-archetype-webapp, and then click Next.

    Choisir une application web d’archétype Maven

  3. Spécifiez les valeurs GroupId et ArtifactId pour votre application web, puis cliquez sur Next.Specify the GroupId and ArtifactId for your web app, and then click Next.

    Spécifier GroupId et ArtifactId

  4. Personnalisez les paramètres Maven ou acceptez les valeurs par défaut, puis cliquez sur Next.Customize any Maven settings or accept the defaults, and then click Next.

    Spécifier les paramètres Maven

  5. Spécifiez le nom et l’emplacement de votre projet, puis cliquez sur Finish.Specify your project name and location, and then click Finish.

    Spécifier le nom du projet

  6. Sous la vue de l’Explorateur de projets, ouvrez et modifiez le fichier src/main/webapp/index.jsp comme suit et enregistrez les modifications :Under Project Explorer view, open and edit the file src/main/webapp/index.jsp as following and save the changes:

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

    Modifier la page d’index

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

  1. Sous la vue de l’Explorateur de projets, cliquez avec le bouton droit sur votre projet, développez Azure, puis cliquez sur Deploy to Azure.Under Project Explorer view, right-click your project, expand Azure, then click Deploy to Azure.

    Menu Deploy to Azure

  2. Dans la boîte de dialogue Deploy to Azure, vous pouvez directement déployer l’application sur une application Web Tomcat existante si vous en avez déjà une. Sinon, vous devez tout d’abord en créer une.In the Deploy to Azure dialog box, you can directly deploy the application to an existing Tomcat webapp if you already have one, otherwise you should create a new one first.

    1. Cliquez sur le lien No Available webapp, click to create a new one (Aucune application web disponible, cliquez pour en créer une) afin de créer une nouvelle application web. Vous pouvez choisir Create New WebApp dans la liste déroulante WebApp s’il existe des applications web dans votre abonnement.Click the link No Available webapp, click to create a new one to crete a new web app, you could choose Create New WebApp from WebApp dropdown if there are existing webapps in your subscription.

      Boîte de dialogue Deploy to Azure

    2. Dans la boîte de dialogue contextuelle, choisissez TOMCAT 8.5-jre8 en tant que conteneur web et spécifiez les autres informations requises, puis cliquez sur OK pour créer l’application web.In the pop-up dialog box, chose TOMCAT 8.5-jre8 as Web Container and specify other required information, then click OK to create the webapp.

      Créer une application web

    3. Choisissez l’application web dans la liste déroulante WebApp, puis cliquez sur Run. (Vous pouvez commencer ici si vous souhaitez déployer vers une application web existante.)Choose the web app from WebApp drop down, and then click Run.(You could start from here if you want deploy to an existing webapp)

      Déployer vers une application web existante

  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.The toolkit will display a status message when it has successfully deployed your web app, along with the URL of your deployed web app if succeed.

    Déploiement réussi

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

Gestion des configurations de déploiementManaging deploy configurations

  1. Une fois que vous avez publié votre application web, vos paramètres sont enregistrés comme valeur par défaut, et vous pouvez exécuter le déploiement en cliquant sur l’icône en forme de flèche verte dans la barre d’outils.After you have published your web app, your settings will be saved as the default, and you can run the deployment by clicking the green arrow icon on the toolbar. Vous pouvez modifier vos paramètres en cliquant sur le menu déroulant de votre application web, puis sur Edit Configurations.You can modify your settings by clicking the drop-down menu for your web app and click Edit Configurations.

    Menu Edit Configurations

  2. Quand la boîte de dialogue ExécRun/Debug Configurations s’affiche, vous pouvez modifier les paramètres par défaut de votre choix. Cliquez ensuite sur OK.When the Run/Debug Configurations dialog box is displayed, you can modify any of the default settings, and then click OK.

    Boîte de dialogue Edit configuration

Suppression des ressourcesCleaning up resources

  1. Suppression des applications web dans Azure ExplorerDeleting Web Apps in Azure Explorer

    Nettoyer les ressources

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