Compartir a través de

Creación de una aplicación web Hola mundo para Azure App Service mediante Eclipse

  • Artículo

En este artículo se muestran los pasos necesarios para crear una aplicación web Hola mundo básica y publicar la aplicación web en Azure App Service mediante Azure Toolkit for Eclipse.

Nota:

Si prefiere usar IntelliJ IDEA, consulte nuestro tutorial similar para IntelliJ.

Si no tiene una suscripción a Azure, cree una cuenta gratuita antes de empezar.

No se olvide de realizar una limpieza de los recursos después de completar este tutorial. En ese caso, la ejecución de esta guía no superará la cuota de la cuenta gratuita.

Requisitos previos

Para completar los pasos descritos en este artículo, debe instalar el Kit de herramientas de Azure para Eclipse, que requiere los siguientes componentes de software:

Nota:

La página Azure Toolkit for Eclipse de Marketplace de Eclipse muestra las compilaciones que son compatibles con el kit de herramientas.

Instalación e inicio de sesión

Los pasos siguientes le guiarán en el proceso de inicio de sesión de Azure en el entorno de desarrollo de Eclipse.

  1. Si no ha instalado el complemento, consulte Instalación de Azure Toolkit for Eclipse.

  2. Para iniciar sesión en la cuenta de Azure, haga clic en Tools (Herramientas), haga clic en Azure y, a continuación, haga clic en Sign In (Iniciar sesión).

    Inicio de sesión en Azure en el IDE de Eclipse.

  3. En la ventana Inicio de sesión de Azure, seleccione Inicio de sesión de dispositivo y, a continuación, haga clic en Iniciar sesión (otras opciones de inicio de sesión).

  4. Haga clic en Copy&Open (Copiar y abrir) en el cuadro de diálogo Azure Device Login (Inicio de sesión de dispositivo de Azure).

  5. En el explorador, pegue el código del dispositivo (que se ha copiado al hacer clic en Copiar y abrir en el último paso) y, a continuación, haga clic en Siguiente.

  6. Seleccione la cuenta de Azure y complete los procedimientos de autenticación necesarios para iniciar sesión.

  7. Una vez que haya iniciado sesión, cierre el explorador y vuelva al IDE de Eclipse. En el cuadro de diálogo Select Subscriptions (Seleccionar suscripciones), elija las suscripciones que desea usar y, a continuación, haga clic en Select (Seleccionar).

Instalación del software necesario (opcional)

Para asegurarse de que tiene los componentes necesarios para trabajar con proyectos de aplicaciones web, siga estos pasos:

  1. Haga clic en el menú Help (Ayuda) y, a continuación, haga clic en Install New Software (Instalar software nuevo).

  2. En el cuadro de diálogo Available Software (Software disponible), haga clic en Manage (Administrar) y asegúrese de que está seleccionada la versión más reciente de Eclipse (por ejemplo, 2020-06).

  3. Haga clic en Apply and Close (Aplicar y cerrar). Expanda el menú desplegable Work with: (Trabajar con) para mostrar los sitios sugeridos. Seleccione el sitio de la versión de Eclipse más reciente para consultar el software disponible.

  4. Desplácese hacia abajo en la lista y seleccione el elemento Web, XML, Java EE and OSGi Enterprise Development. Haga clic en Next.

  5. En la ventana Install Details (Detalles de la instalación), haga clic en Next(Siguiente).

  6. En el cuadro de diálogo Revisar licencias , revise los términos de los contratos de licencia. Si acepta los términos de los contratos de licencia, haga clic en I accept the terms of the license agreements (Acepto los términos de los contratos de licencia) y luego haga clic en Finish (Finalizar).

    Nota:

    Puede comprobar el progreso de la instalación en la esquina inferior derecha del área de trabajo de Eclipse.

  7. Si se le solicita que reinicie Eclipse para completar la instalación, haga clic en Reiniciar ahora.

Creación de un proyecto de aplicación web

  1. Haga clic en File (Archivo), expanda New (Nuevo) y, a continuación, haga clic en Project (Proyecto). En la ventana del cuadro de diálogo New Project (Nuevo proyecto), expanda Web, seleccione Dynamic Web Project (Proyecto web dinámico) y haga clic en Next (Siguiente).

    Sugerencia

    Si no aparece Web como un proyecto disponible, consulte esta sección para asegurarse de que tiene el software de Eclipse necesario.

  2. Para los fines de este tutorial, asigne el nombre MyWebAppal proyecto. La pantalla se parecerá a la siguiente:

    Propiedades de New Dynamic Web Project (Nuevo proyecto web dinámico)

  3. Haga clic en Finalizar

  4. En el panel del explorador de paquetes de la izquierda, expanda MyWebApp. Haga clic con el botón derecho en WebContent, mantenga el ratón sobre New (Nuevo) y, después, haga clic en Other... (Otros).

  5. Expanda Web para encontrar la opción JSP File (Archivo JSP). Haga clic en Next.

  6. En el cuadro de diálogo New JSP File (Nuevo archivo JSP), asigne un nombre del archivo index.jsp, conserve la carpeta principal como MyWebApp/WebContent y haga clic en Next (Siguiente).

    Cuadro de diálogo Nuevo archivo JSP

  7. Para este tutorial, en el cuadro de diálogo Select JSP Template (Seleccionar plantilla JSP), seleccione New JSP File (html 5) [Nuevo archivo JSP (html 5)] y haga clic en Finish (Finalizar).

  8. Cuando se abre el archivo index.jsp en Eclipse, agregue texto para que muestre dinámicamente Hola mundo dentro del elemento <body> existente. El contenido de <body> actualizado debe parecerse al siguiente ejemplo:

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

  9. Guarde el archivo index.jsp.

Implementación de la aplicación web en Azure

  1. En el panel del explorador de proyectos de la izquierda, haga clic con el botón derecho en el proyecto, elija Azure y Publish as Azure Web App (Publicar como aplicación web de Azure).

    Publish as Azure Web App

  2. En el cuadro de diálogo Deploy Web App (Implementar aplicación web) que aparece, puede elegir una de las siguientes opciones:

    • Seleccione una aplicación web si ya existe una.

    • Si no tiene una aplicación web existente, haga clic en Create (Crear).

      Aquí puede configurar el entorno de tiempo de ejecución, la configuración de la aplicación, el plan de App Service y el grupo de recursos. Cree recursos nuevos si es necesario.

      Especifique la información necesaria para la aplicación web en el cuadro de diálogo Create App Service (Crear servicio de aplicaciones) y haga clic en Crear (Ejecutar).

  3. Seleccione la aplicación web y haga clic en Deploy (Implementar).

  4. El kit de herramientas mostrará el estado Publicado en la pestaña Registro de actividad de Azure cuando se haya implementado correctamente la aplicación web, con un hipervínculo a la dirección URL de la aplicación web implementada.

  5. Puede buscar la aplicación web mediante el vínculo que se proporciona en el mensaje de estado.

    Búsqueda de la aplicación web

Limpiar recursos

  1. Después de publicar la aplicación web en Azure, puede administrarla; para ello, haga clic con el botón derecho en el explorador de Azure y seleccione una de las opciones del menú contextual. Por ejemplo, puede Eliminar la aplicación web aquí para limpiar los recursos de este tutorial.

    Administrar la instancia de App Service

Vista del Explorador de Azure

Si la vista de Azure Explorer no está visible en Eclipse, siga estos pasos para que aparezca:

  1. Haga clic en Window (Ventana), mantenga el mouse sobre Show View (Mostrar vista) y, finalmente, haga clic en Other (Otro).

  2. En el cuadro de diálogo Show View (Mostrar vista), expanda Azure, seleccione Azure Explorer y, a continuación, haga clic en Open (Abrir).

    Selección de la opción Azure Explorer.

Pasos siguientes

Para informar sobre errores o solicitar nuevas características, abra una incidencia en nuestro repositorio de GitHub. O bien, formule sus preguntas en Stack Overflow con la etiqueta azure-msi.

Para más información acerca del uso de Java con Azure, consulte los siguientes vínculos:

Para obtener más información sobre cómo crear Azure Web Apps, consulte Introducción a Web Apps.