Esercizio - Compilare un'app Web in IntelliJ IDEA

Si supponga di iniziare il processo per stabilire come spostare il sito Web in Azure. Si è a conoscenza che Azure Toolkit for IntelliJ semplifica l'uso dei siti in Servizio app di Azure da IntelliJ IDEA e lo si vuole testare usando il toolkit per esplorare le risorse nella sottoscrizione di Azure aziendale.

In questo esercizio si userà Azure Explorer per esaminare la sottoscrizione di Azure.

Creare un progetto di app Web

Prima di poter esaminare le risorse di Azure con Azure Explorer, è necessario creare un nuovo progetto. Viene ora creato un progetto di app Web usando un archetipo di Maven:

  1. Avviare IntelliJ IDEA.

  2. Nella finestra Welcome to IntelliJ IDEA (IntelliJ IDEA) selezionare Create new project (Crea nuovo progetto).

  3. Nel menu a sinistra selezionare Maven e quindi selezionare Create from archetype (Crea da archetipo).

  4. Nell'elenco di archetipi selezionare maven-archetype-webapp e quindi selezionare Next (Avanti).

    Selezionare un archetipo

  5. Digitare AzureTests nella casella di testo Name (Nome), quindi espandere Artifact Coordinates (Coordinate artefatto).

  6. Digitare com.microsoft.azure nella casella di testo GroupId (ID gruppo) e webapp nella casella di testo Artifactid (ID artefatto), quindi selezionare Next (Avanti).

  7. Per accettare le impostazioni predefinite di Maven, fare clic su Finish (Fine).

  8. Se viene visualizzata la finestra di dialogo Tip of the Day (Suggerimento), selezionare Close (Chiudi).

Completare l'app Web

Per iniziare, aggiungere un semplice codice all'app Web:

  1. Nella finestra Project (Progetto) espandere src/main/webapp e quindi aprire index.jsp.

  2. Rimuovere tutto il codice esistente e sostituirlo con il codice HTML seguente:

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ page import ="java.util.*" %>
    <%@ page import ="java.text.*" %>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Sample Web App</title>
    </head>
    <body>
        <%! DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %> 
        <p>Today's date is <%= fmt.format(new Date()) %></p>
        <p>Your IP address is <%= request.getRemoteAddr() %></p>
    </body>
    </html>
    
  3. Scegliere Save All (Salva tutto) dal menu File.