Hospedaje de un sitio web estático en Azure Storage

Puede proporcionar contenido estático (HTML, CSS, JavaScript y archivos de imagen) directamente desde un contenedor en una cuenta de uso general V2 o BlockBlobStorage. Para obtener más información, consulte Hospedaje de sitios web estáticos en Azure Storage.

En este artículo se le muestra cómo habilitar el hospedaje de sitios web estáticos con Azure Portal, la CLI de Azure o PowerShell.

Habilitación del hospedaje de sitios web estáticos

El hospedaje de sitios web estáticos es una característica que permite habilitar la cuenta de almacenamiento.

  1. Inicie sesión en Azure Portal para empezar a trabajar.

  2. Busque la cuenta de almacenamiento y muestre la información general de la cuenta.

  3. Seleccione Sitio web estático para mostrar la página de configuración de los sitios web estáticos.

  4. Seleccione Habilitado para habilitar el hospedaje del sitio web estático para la cuenta de almacenamiento.

  5. En el campo Index document name (Nombre del documento de índice), especifique una página de índice predeterminada (por ejemplo: index.html).

    La página de índice predeterminada se muestra cuando un usuario navega hasta la raíz del sitio web estático.

  6. En el campo Error document path (Ruta de acceso del documento de error), especifique una página de error predeterminada (por ejemplo: 404.html).

    La página de error predeterminada se muestra cuando un usuario intenta navegar a una página que no existe en el sitio web estático.

  7. Haga clic en Save(Guardar). Azure Portal ahora muestra el punto de conexión estático del sitio web.

    Habilitación del hospedaje del sitio web estático para una cuenta de almacenamiento

Carga de archivos

En estas instrucciones se muestra cómo cargar archivos mediante la versión del Explorador de Storage que aparece en Azure Portal. No obstante, también se puede usar la versión del Explorador de Storage que se ejecuta fuera de Azure Portal. Puede usar AzCopy, PowerShell, CLI o cualquier aplicación personalizada que pueda cargar archivos en el contenedor $web de su cuenta. Para ver un tutorial detallado sobre la carga de archivos mediante Visual Studio Code, consulte Tutorial: Hospedaje de un sitio web estático en Blob Storage.

  1. Seleccione el Explorador de Storage (versión preliminar) .

  2. Expanda el nodo BLOB CONTAINERS (CONTENEDORES DE BLOBS) y seleccione el contenedor $web.

  3. Elija el botón Upload (Cargar) para cargar los archivos.

    Carga de archivos

  4. Si pretende que el explorador muestre el contenido de un archivo, asegúrese de que el tipo de contenido del mismo está establecido en text/html.

    Comprobar los tipos de contenido

    Nota

    El Explorador de Storage establece automáticamente esta propiedad en text/html para las extensiones que se reconocen habitualmente, como .html. Sin embargo, en algunos casos, el usuario es quien debe realizar la operación. Si no establece esta propiedad en text/html, el explorador solicitará a los usuarios que descarguen el archivo, en lugar representar el contenido. Para establecer esta propiedad, haga clic con el botón derecho en el archivo y, después, haga clic en Propiedades.

Búsqueda de la dirección URL del sitio web

Para ver las páginas de un sitio web desde un explorador, use la dirección URL pública del sitio.

En el panel que aparece junto a la página de información general de la cuenta de su cuenta de almacenamiento, seleccione Sitio web estático. La dirección URL del sitio aparece en el campo Punto de conexión principal.

Métrica de métricas de sitios web estáticos de Azure Storage

Habilitación de métricas en páginas del sitio web estático

Después de habilitar las métricas, las estadísticas de tráfico de los archivos en el contenedor $web aparecen en el panel de métricas.

  1. Haga clic en métricas en la sección monitor del menú de la cuenta de almacenamiento.

    Vínculo de métricas

    Nota

    Los datos de las métricas se generan al enlazarse en diferentes API de métricas. El portal solo muestra los miembros de API que se usan en un período de tiempo determinado, para centrarse únicamente en los miembros que devuelven datos. Para asegurarse de que puede seleccionar el miembro de API necesario, el primer paso es expandir el período de tiempo.

  2. Haga clic en el botón de marco de tiempo y seleccione un plazo de tiempo y luego haga clic en Aplicar.

    Intervalo de tiempo de las métricas de sitios web estáticos de Azure Storage

  3. A continuación, seleccione Blob en el menú desplegable Espacio de nombres.

    Espacio de nombres de métricas de sitios web estáticos de Azure Storage

  4. A continuación, seleccione la métrica Egress.

    Captura de pantalla que muestra la métrica de salida de sitios web estáticos de Azure Storage.

  5. Seleccione Sum del selector Aggregation (Agregación).

    Agregación de métricas de sitios web estáticos de Azure Storage

  6. Haga clic en el botón Agregar filtro y elija Nombre de API en el selector Propiedad.

    Nombre de API de métricas de sitios web estáticos de Azure Storage

  7. Active la casilla junto a GetWebContent en el selector Valores para completar el informe de métricas.

    GetWebContent de métricas de sitios web de Azure Storage

    Nota

    La casilla GetWebContent solo aparece si ese miembro de la API se usó dentro de un período de tiempo determinado. El portal solo muestra los miembros de API que se usan en un período de tiempo determinado, para centrarse únicamente en los miembros que devuelven datos. Si no encuentra un miembro específico de la API en esta lista, expanda el período de tiempo.

Pasos siguientes