Ejercicio: Creación de un sitio web hospedado en Azure

Como profesional de la tecnología, es probable que tenga experiencia en un área concreta. Quizás usted sea un administrador de almacenamiento o un experto en virtualización, o es posible que se centre en las prácticas de seguridad más recientes. Si está estudiando, es posible que todavía esté explorando lo que más le interesa.

Independientemente de su rol, la mayoría de los usuarios crean un sitio web para empezar a trabajar con la nube. Aquí implementaremos un sitio web hospedado en una instancia de App Service.

Vamos a revisar algunos términos básicos y a poner en funcionamiento nuestro primer sitio web.

¿Qué es App Service?

Azure App Service es un servicio basado en HTTP que permite crear y hospedar muchos tipos de soluciones basadas en Web sin necesidad de administrar la infraestructura. Por ejemplo, puede hospedar aplicaciones web, back-ends móviles y API de RESTful en varios lenguajes de programación admitidos. Las aplicaciones desarrolladas en .NET, .NET Core, Java, Ruby, Node.js, PHP o Python se pueden ejecutar y escalar con facilidad en entornos basados tanto en Windows como en Linux.

Lo que pretendemos es crear un sitio web en menos tiempo del que tardamos en almorzar. Por lo tanto, no vamos a escribir código, sino que, en su lugar, implementaremos una aplicación predefinida desde Microsoft Azure Marketplace.

¿Qué es Microsoft Azure Marketplace?

Microsoft Azure Marketplace es una tienda en línea que hospeda aplicaciones certificadas y optimizadas para ejecutarse en Azure. Existen muchos tipos de aplicaciones disponibles, que van desde la inteligencia artificial y Machine Learning a las aplicaciones web. Como veremos en un par de minutos, las implementaciones desde la tienda se realizan mediante Azure Portal, con una interfaz de usuario de tipo asistente. Esta interfaz de usuario permite evaluar fácilmente diferentes soluciones.

Vamos a usar una de las opciones de la aplicación de WordPress de Azure Marketplace para nuestro sitio web.

Creación de recursos en Azure

Lo primero que se suele hacer es crear un grupo de recursos que contendrá todo lo que necesitamos crear. Un grupo de recursos permite administrar todos los servicios, discos, interfaces de red y demás elementos que pueden componer la solución como una unidad. Podemos usar Azure Portal para crear y administrar los grupos de recursos de la solución, pero cabe decir que también podemos administrar recursos a través de una línea de comandos con la CLI de Azure. La CLI de Azure es una opción útil si hay que automatizar el proceso en el futuro.

En el entorno de espacio aislado gratuito de Azure, usará el grupo de recursos creado previamente, [nombre del grupo de recursos del espacio aislado], por lo que no tendrá que realizar este paso.

Elección de una ubicación

El espacio aislado gratuito permite crear recursos en un subconjunto de las regiones globales de Azure. Seleccione una región de la lista al crear los recursos:

  • westus2
  • southcentralus
  • centralus
  • eastus
  • westeurope
  • southeastasia
  • japaneast
  • brazilsouth
  • australiasoutheast
  • centralindia

Creación de un sitio web de WordPress

  1. Si todavía no lo ha hecho, compruebe que ha activado el espacio aislado anterior. Al activar el espacio aislado, se asignarán la suscripción y el grupo de recursos que usará en este ejercicio. Este paso es necesario para los ejercicios de Microsoft Learn en los que se usa un espacio aislado.

  2. Inicie sesión en Azure Portal con la misma cuenta con la que ha activado el espacio aislado.

    Nota

    Al usar el espacio aislado de Microsoft Learn, siempre es conveniente comprobar que se encuentra en el directorio Espacio aislado de Microsoft Learn cuando trabaje en Azure Portal. El nombre del directorio aparece en el correo electrónico en la parte superior de la página o encima de la información de la cuenta al seleccionar el icono de usuario. Además, asegúrese de que ha activado el espacio aislado al inicio de cualquier ejercicio en el que se use el espacio aislado. Esto garantizará que se le asigna una suscripción de Azure y un grupo de recursos propio para usarlo en los recursos creados en el ejercicio.

  3. Expanda el panel de navegación de la izquierda.

  4. En la parte superior de la lista de navegación de Azure Portal, seleccione Crear un recurso.

    Captura de pantalla de Azure Portal en la que se muestra el panel de navegación de la izquierda con la opción Crear un recurso resaltada.

    Esto le llevará a Azure Marketplace.

    Captura de pantalla de Azure Portal en la que se muestran las categorías de Azure Marketplace en la columna izquierda y las opciones populares en la columna derecha.

  5. Azure Marketplace tiene muchos servicios, soluciones y recursos que puede usar. Sabemos que queremos instalar WordPress, así que podemos realizar una búsqueda rápida para encontrarlo. En el cuadro Buscar en Marketplace que hay sobre las opciones de aplicaciones que aparecen, escriba WordPress. Seleccione la opción WordPress predeterminada en la lista de opciones disponibles.

    Captura de pantalla de Azure Portal en la que se muestran los resultados de la búsqueda para el término WordPress con la opción WordPress resaltada.

  6. En el panel que acaba de aparecer, normalmente encontrará información adicional sobre el elemento que va a instalar, por ejemplo, el editor, una breve descripción del recurso y vínculos para obtener más información. Asegúrese de revisar esta información. Seleccione Crear para iniciar el proceso de creación de una aplicación de WordPress.

    Captura de pantalla de Azure Portal en la que se muestra el resumen del tipo de recurso de WordPress.

  7. Después, aparecerán varias opciones para configurar la implementación. Escriba la siguiente información:

    1. Nombre de aplicación: Elija un nombre de aplicación único. Formará parte de un nombre de dominio completo (FQDN).
    2. Suscripción: Compruebe que ha seleccionado Suscripción de Concierge.
    3. Grupo de recursos: Seleccione el botón de radio Usar existente y, después, el grupo de recursos [nombre del grupo de recursos del espacio aislado] en la lista desplegable.
    4. Proveedor de base de datos: Seleccione MySQL In App.
    5. Plan de App Service/Ubicación: Cambiará el plan de App Service en el paso siguiente.
    6. Application Insights: Deje la configuración predeterminada.

    La configuración debería ser similar a la siguiente:

    Captura de pantalla de Azure Portal en la que se muestra el nuevo servicio de aplicaciones de WordPress configurado según las instrucciones.

    Nota

    Si todavía ve una sección denominada Base de datos, asegúrese de seleccionar el Proveedor de base de datos correcto descrito en la configuración anterior.

  8. Ahora se configurará el plan de App Service para usar un plan de tarifa específico. El plan de App Service especifica los recursos de proceso y la ubicación de la aplicación web. Seleccione Plan de App Service/Ubicación.

    Captura de pantalla de Azure Portal en la que se muestra la creación de la instancia de App Service WordPress con el botón Plan de App Service/Ubicación resaltado.

  9. En el panel Plan de App Service, seleccione Crear.

    Captura de pantalla de Azure Portal en la que se muestra el panel Plan de App Service con el botón Crear resaltado.

  10. En el panel Nuevo plan de App Service, escriba un nombre para el plan de servicio nuevo.

  11. En Ubicación, elija Centro de EE. UU. para asegurarse de que selecciona una región que permita el plan de servicio. Normalmente, se elegiría la región más cercana a los clientes y se ofrecerían los servicios necesarios.

  12. Seleccione Plan de tarifa para ver las opciones de rendimiento y características de los distintos tipos de planes de servicio.

    Captura de pantalla de Azure Portal en la que se muestra la configuración del plan de App Service con el botón Plan de tarifa resaltado.

  13. El Selector de especificaciones permite seleccionar un nuevo plan de tarifa para la aplicación. Esta pantalla se abre en la pestaña Producción, con el plan de tarifa S1 seleccionado. En la pestaña Desarrollo/pruebas, seleccionaremos un nuevo plan de tarifa para nuestro sitio web.

    Seleccione la pestaña Desarrollo/pruebas y, después, el plan de tarifa F1. Luego, seleccione Aplicar.

    Captura de pantalla de Azure Portal en la que se muestra el panel Selector de especificaciones del plan de App Service con la sección Desarrollo/pruebas seleccionada y el nivel F1 gratis resaltado y el botón Aplicar resaltados.

  14. En el panel Nuevo plan de App Service, seleccione Aceptar para crear el plan y cerrar el panel.

    Captura de pantalla de Azure Portal en la que se muestra la configuración del plan de App Service tras seleccionar el plan de tarifa gratuito F1.

  15. Por último, seleccione el botón Crear para iniciar la implementación del sitio nuevo.

Nota

Si detecta algún problema al crear los recursos, compruebe que ha seleccionado el plan de tarifa F1 en el plan de App Service. Este es un requisito del sistema de espacio aislado al crear este sitio de WordPress.

Comprobación de que el sitio web se está ejecutando

La implementación del nuevo sitio web puede tardar unos minutos en completarse; mientras tanto, le invitamos a que explore Portal por su cuenta.

Podemos llevar un seguimiento del progreso de la implementación en cualquier momento.

  1. Seleccione el icono de la campana de notificación situado en la parte superior del portal. Si el ancho de la ventana del explorador es menor, se puede mostrar al hacer clic en el icono de puntos suspensivos (...) de la parte superior derecha.

    Captura de pantalla de Azure Portal en la que se muestra el menú de la parte superior derecha con el botón de campana de notificaciones resaltado.

  2. Seleccione Implementación en curso... para ver los detalles de todos los recursos que se han creado.

    Captura de pantalla de Azure Portal en la que se muestra la notificación de implementación en la lista de notificaciones.

    Fíjese en cómo se muestran los recursos mientras se crean y el estado cambia a una marca de verificación de color verde a medida que cada componente se termina de implementar.

    Captura de pantalla de Azure Portal en la que se muestran los detalles de la notificación de implementación, que indica que la implementación está en curso.

  3. Cuando el mensaje de estado de la implementación cambie a Se completó la implementación, verá que el estado del cuadro de diálogo de la notificación cambiará a Implementación correcta. Seleccione Ir al recurso para ir a la información general de App Service.

    Captura de pantalla de Azure Portal en la que se muestra la notificación de implementación, que indica que la implementación se ha realizado correctamente.

  4. Busque la URL en la sección Información general.

    Captura de pantalla de Azure Portal en la que se muestra el panel de información general de App Service con la ubicación de la dirección URL resaltada.

    Copie la información de URL. Abra una pestaña nueva en el explorador y use la información para ir al nuevo sitio de WordPress. Ya puede configurar el sitio web de WordPress y agregarle contenido.

    Captura de pantalla en la que se muestra el sitio web de WordPress preconfigurado en espera de seleccionar el idioma o la ubicación.