Cvičení – vytvoření webové aplikace v Javě

Dokončeno

V předchozí lekci jste se dozvěděli, že existují dva běžné moduly plug-in, které vývojáři používají ke spouštění webových aplikací místně na svých počítačích: Eclipse Jetty a Apache Tomcat. Plug-in Azure App Service podporuje oba tyto webové servery a vaše společnost se rozhodla používat Tomcat pro Java webové projekty kvůli jeho rozsáhlému přijetí v průmyslu a podpoře od nadace Apache. Abyste pochopili, co vaše společnost potřebuje k migraci stávajících projektů Java do Azure, rozhodli jste se vytvořit testovací webovou aplikaci pomocí Mavenu a archetypů.

V tomto cvičení vytvoříte novou webovou aplikaci v Javě pomocí maven-archetype-webapp archetypu. Po vytvoření webové aplikace aktualizujete soubor pom.xml a přidáte modul plug-in Tomcat, abyste mohli aplikaci otestovat místně. Pak to aktualizujete, abyste poskytli další informace o tom, kde aplikace běží.

Vytvoření webové aplikace v Javě

1. V Azure Cloud Shellu napravo pomocí následujícího příkazu Maven vytvořte novou webovou aplikaci v Javě:

   mvn archetype:generate \
     -DgroupId=com.microsoft.example \
     -DartifactId=MyWebApp \
     -DarchetypeArtifactId=maven-archetype-webapp \
     -DarchetypeVersion=1.4 \
     -DinteractiveMode=false
   

2. Přepněte do adresáře projektu a pomocí code upravte soubor pom.xml webové aplikace:

   cd MyWebApp
   code pom.xml
   

3. Vyhledejte prvek <plugins> v souboru pom.xml a přidejte následující <plugin> pod existující moduly plug-in, což umožňuje spustit místní webový server pro otestování webové aplikace:

   <plugin>
     <groupId>org.codehaus.cargo</groupId>
     <artifactId>cargo-maven3-plugin</artifactId>
     <version>1.10.13</version>
     <configuration>
       <container>
         <containerId>tomcat11x</containerId>
       </container>
       <configuration>
         <properties>
           <!-- http port needed in the sandbox is 8000 -->
           <cargo.servlet.port>8000</cargo.servlet.port>
         </properties>
       </configuration>
     </configuration>
   </plugin>
   

4. Uložte změny zadáním Ctrl+S.

5. Ukončete editor kódu zadáním Ctrl+Q.

6. Pomocí Mavenu zabalte novou webovou aplikaci:

   mvn package
   

Testování ukázkové webové aplikace

1. V tomto cvičení budete muset otevřít port, aby byl místní webový server dostupný pro zobrazení v prohlížeči. Uděláte to tak, že v Cloud Shellu použijete následující příkaz curl:

   curl -X POST http://localhost:8888/openPort/8000;
   

2. Příkaz curl vrátí objekt JSON podobný následujícímu příkladu, který obsahuje adresu URL, kterou použijete později v tomto cvičení k zobrazení webového serveru:

   {"message":"Port 8000 is open","url":"https://gateway18.westeurope.console.azure.com/n/cc-1829663c/cc-1829663c/proxy/8000/"}
   

3. Spusťte webový server Tomcat pomocí Mavenu:

   mvn cargo:run
   

4. Otevřete novou kartu prohlížeče pomocí adresy URL z kódu JSON vráceného příkazem curl, který jste spustili dříve, a připojte MyWebApp/ na konec adresy URL. Například pomocí výše uvedeného obrázku by tato adresa URL byla https://gateway18.westeurope.console.azure.com/n/cc-1829663c/cc-1829663c/proxy/8000/MyWebApp/.. Měli byste vidět Hello World! zobrazené v prohlížeči:

   

5. Ukončete webový server zadáním Ctrl+C v Cloud Shellu.

V další lekci se dozvíte, jak nasadit webovou aplikaci do služby Azure App Service.