Accelerate back-to-origin with GA and CDN - Global Accelerator - Centro de documentación de Alibaba Cloud

Sectores como el comercio electrónico, los videojuegos en línea y el streaming de video bajo demanda exigen una velocidad de acceso y una calidad de servicio excepcionales. Para mejorar significativamente la experiencia del usuario final, combine Global Accelerator (GA) con Alibaba Cloud CDN. GA aprovecha el ancho de banda BGP premium y la red de transporte global de Alibaba Cloud. Al trabajar junto con Alibaba Cloud CDN, le permite construir rápidamente una red global de retorno al origen para CDN y garantiza una aceleración integral de su contenido dinámico.

Escenario de uso

Este tema toma como ejemplo el escenario que se muestra en la siguiente figura. Un servicio web está desplegado en Alibaba Cloud, en la región US (Silicon Valley), y presta servicio a través del nombre de dominio www.<YOURDOMAIN>.fun. Este servicio reenvía el tráfico por el puerto HTTP 80. La mayoría de los clientes se ubican en China (Hong Kong). Debido a la inestabilidad de la red pública transfronteriza, los clientes en China (Hong Kong) suelen experimentar problemas como alta latencia, fluctuaciones (jitter) y pérdida de paquetes cuando acceden al servicio web en la región US (Silicon Valley).

Puede desplegar Alibaba Cloud CDN para su servicio web. Alibaba Cloud CDN mejora la experiencia del usuario al almacenar contenido en caché en los nodos perimetrales. Cuando se integra con Global Accelerator, Alibaba Cloud CDN aprovecha el ancho de banda BGP premium y la red de transporte global de Alibaba Cloud. Esto le ayuda a construir rápidamente una red global de retorno al origen para proporcionar una aceleración integral del contenido dinámico.

Requisitos previos

Tiene una aplicación desplegada en un servidor de origen.

Este ejemplo utiliza un servidor con Alibaba Cloud Linux 3, Nginx y Netcat para compilar una página web de prueba. Dicha página simula un servidor que muestra la hora de forma dinámica y entrega contenido estático.

Ejemplo: Desplegar un servicio de prueba en una instancia de ECS de Alibaba Cloud

Ejecute vi ECS_server_install.sh y presione i para entrar al modo de edición.

Copie y pegue el siguiente script:

#!/bin/bash
# Update the system and install Nginx and Netcat.
sudo yum update -y
sudo yum install nginx -y
sudo yum install -y nc
# Start Nginx and enable it to start on boot.
sudo systemctl start nginx
sudo systemctl enable nginx
# Configure Nginx.
sudo bash -c 'cat > /etc/nginx/nginx.conf <<EOF
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
events {
    worker_connections 1024;
}
http {
    include /etc/nginx/mime.types;
    default_type application/octet-stream;
    log_format main '\$remote_addr - \$remote_user [\$time_local] "\$request" '
                      '\$status \$body_bytes_sent "\$http_referer" '
                      '"\$http_user_agent" "\$http_x_forwarded_for"';
    access_log /var/log/nginx/access.log main;
    sendfile on;
    keepalive_timeout 65;
    include /etc/nginx/conf.d/*.conf;
    server {
        listen       80;
        listen       [::]:80;
        server_name  _;
        root         /usr/share/nginx/html;
        location / {
            try_files \$uri \$uri/ =404;
        }
        location /dynamic {
            proxy_pass http://127.0.0.1:8080;
            proxy_set_header Host \$host;
            proxy_set_header X-Real-IP \$remote_addr;
            proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto \$scheme;
        }
        error_page 404 /404.html;
            location = /40x.html {
        }
        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }
}
EOF'
# Create static content.
sudo bash -c 'echo "<img src=\"test.png\" alt=\"Static Image\" width=\"300\"/>" > /usr/share/nginx/html/test.png'
# Create a dynamic content script.
sudo bash -c 'cat > /usr/share/nginx/html/dynamic_script.sh <<EOF
#!/bin/bash
while true; do
    echo -e "HTTP/1.1 200 OK\r\nContent-Length: \$(date | wc -c)\r\n\r\n\$(date)" | /usr/bin/nc -l -p 8080
done
EOF'
# Grant execute permissions to the dynamic script and run it in the background.
sudo chmod +x /usr/share/nginx/html/dynamic_script.sh
nohup /usr/share/nginx/html/dynamic_script.sh > /dev/null 2>&1 &
# Restart the Nginx service.
sudo systemctl restart nginx
# Create the index.html file.
sudo bash -c 'cat > /usr/share/nginx/html/index.html <<EOF
<!DOCTYPE html>
<html>
<head>
    <title>Test Page</title>
</head>
<body>
    <h1>GA and CDN Test Page</h1>
    <h2>Static Content: Image</h2>
    <img src="test.png" alt="Static Image" width="300"/>
    <h2>Dynamic Content: Current Time</h2>
    <div id="dynamic-time">Loading current time...</div>
    <script>
        function fetchTime() {
            fetch("/dynamic")
            .then(response => response.text())
            .then(data => {
                document.getElementById("dynamic-time").innerText = data;
            })
            .catch(error => {
                document.getElementById("dynamic-time").innerText = "Failed to load current time.";
            });
        }
        setInterval(fetchTime, 1000);
        fetchTime();
    </script>
</body>
</html>
EOF'

Presione Esc para salir del modo de edición y escriba :wq para guardar y salir.
Ejecute el comando sudo sh ECS_server_install.sh para ejecutar el script.
Cargue un archivo de imagen llamado test.png en el directorio /usr/share/nginx/html especificado en el script de ejemplo.

Configuró la resolución DNS para www.<YOURDOMAIN>.fun mediante la creación de un registro A que apunta el dominio a la dirección IP pública del servidor de origen.

Este tema utiliza Alibaba Cloud DNS como ejemplo para describir cómo configurar la resolución DNS. Para obtener información sobre cómo agregar un registro DNS, consulte Add a DNS record. Si utiliza otro proveedor de DNS, consulte su documentación.
Tiene activated Alibaba Cloud CDN.

Procedimiento

Paso 1: Configurar una instancia de GA

Este tema utiliza como ejemplo una instancia estándar de GA de tipo pay-as-you-go.

En la página Standard Instance > Instances de la consola de Global Accelerator, haga clic en Create Standard GA Instance.
En el paso Basic Instance Configuration, configure los parámetros y haga clic en Next.
En el paso Configure Acceleration Area, agregue un área de aceleración, asigne ancho de banda a la región y luego haga clic en Next.

En este ejemplo, establezca el parámetro Acceleration Area en China (Hong Kong) y ISP Line Type en BGP (Multi-ISP). Puede usar los valores predeterminados para los demás parámetros o modificarlos según sea necesario. Para obtener más información, consulte Add and manage acceleration areas.
Importante
- Si necesita áreas de aceleración en China continental, debe obtener un ICP filing para el nombre de dominio que prestará el servicio.
- Planifique adecuadamente el ancho de banda que necesita. Un ancho de banda máximo insuficiente puede provocar limitaciones de velocidad (throttling) y pérdida de paquetes.
En la página Configure listeners, configure el protocolo y el puerto de reenvío, y luego haga clic en Next.

En este escenario, establezca Protocol en HTTP y Port en 80. Puede conservar los valores predeterminados de other listener parameters o modificarlos según sus necesidades.
En la página Configure an Endpoint Group, configure el servicio de backend para el endpoint y luego haga clic en Next.

En este escenario, establezca Region en US (Silicon Valley) y Backend Service Type en ECS. Para Backend Service, seleccione la instancia de ECS de destino. Luego, lea y seleccione la casilla de verificación Compliance Commitments Regarding Cross-border Data Transfers. Puede conservar los valores predeterminados de other endpoint group parameters o modificarlos según sus necesidades.
En la página Configuration Review, confirme la configuración y haga clic en Submit.
En la página de lista de instancias, busque la instancia de GA que creó y copie el CNAME de la columna CNAME.

Paso 2: Configurar Alibaba Cloud CDN

En la consola de Alibaba Cloud CDN, vaya a la página Domain Names y haga clic en Add Domain Name.
En la página Specify Domain Name Information, configure los ajustes de Business Information y de Origin Server.
1. Configure Business Information.
  
  En este escenario, dentro de la sección Business Information, establezca Region en Global (Excluding the Chinese Mainland). Para Domain Name to Accelerate, introduzca www.<YOURDOMAIN>.fun. Puede conservar los valores predeterminados de los demás parámetros o modificarlos según sea necesario. Para obtener más información, consulte Add an accelerated domain name.
2. Configure los ajustes de Origin Server.
  
  En el área Origin Server, haga clic en Add Origin Server Information. En el cuadro de diálogo Add Origin Server Information, seleccione el tipo de servidor de origen, introduzca su dirección y luego haga clic en OK.
  
  En este escenario, configure Origin Server con el tipo Site Domain e introduzca el CNAME de la instancia de GA. Establezca Weight en 100. Puede conservar los valores predeterminados de los demás parámetros o modificarlos según sea necesario. Para obtener más información, consulte Add an accelerated domain name.
3. Seleccione la casilla de verificación Compliance Commitments Regarding Cross-border Data Transfers y haga clic en Next.
En la página Recommended Configurations, puede configurar ajustes como el tiempo de expiración de la caché, el límite de ancho de banda y la optimización de páginas. Configúrelos según sus necesidades y haga clic en One-Click Configuration, o bien haga clic en Skip.

En este escenario, dentro de la sección Cache Expiration Time, busque la regla de caché predeterminada y haga clic en Modify en la columna Actions. Establezca Address en /dynamic y Expiration Date en 0 segundos, de modo que el contenido dinámico se obtenga del servidor de origen en cada solicitud. Para obtener más información sobre las configuraciones recomendadas, consulte Recommended configurations (optional).

Establezca Type en Directory, Weight en 99 y Rule Condition en Not used. Luego, haga clic en OK.
En la página Domain Names, busque el dominio que agregó y copie el CNAME de la columna CNAME.

Paso 3: Configurar la resolución DNS

Después de agregar el nombre de dominio, debe apuntar su resolución DNS al CNAME de CDN. De esta manera, las solicitudes dirigidas al dominio acelerado se enrutan a los nodos perimetrales de CDN.

Para evitar conflictos entre un registro A existente y un registro CNAME, puede establecer distintos orígenes de consulta para cada uno. Por ejemplo, en este escenario puede agregar primero un registro CNAME para la región China (Hong Kong) y ejecutar una prueba. Una vez que la prueba sea exitosa, puede extenderla a otras regiones o cambiarla a la línea predeterminada.

En la página Domain Name Resolution, busque el nombre de dominio de destino y haga clic en DNS Settings en la columna Actions.

Si su nombre de dominio no está registrado en Alibaba Cloud, primero debe add the domain name a la consola de Alibaba Cloud DNS antes de poder configurar sus ajustes DNS.
En la página DNS Settings, haga clic en Add Record, configure un registro CNAME y luego haga clic en OK.

En este escenario, establezca Type en CNAME, Host en www, DNS Request Source en China (Hong Kong) y Value en el CNAME de CDN. Puede conservar los valores predeterminados de other DNS record parameters o modificarlos según sus necesidades.

Paso 4: Probar la aceleración

En una computadora ubicada en la región de aceleración (China (Hong Kong) en este tema), abra las herramientas de desarrollador de su navegador y visite www.<YOURDOMAIN>.fun para consultar el tiempo de carga de cada recurso.

Pruebe la latencia de red después de configurar GA y Alibaba Cloud CDN.

Abra la página de prueba en un navegador. Presione F12 para abrir el panel Network en Chrome DevTools, seleccione la casilla de verificación Disable cache y actualice la página. Observe el tiempo de respuesta de cada recurso en la lista de solicitudes: la solicitud del documento HTML (975 B) tarda unos 5 ms, la imagen estática test.png (141 kB) tarda unos 5 ms y la solicitud dinámica de API para dynamic (tipo fetch, 473 B) tarda unos 228 ms. Los recursos estáticos presentan un tiempo de respuesta muy corto gracias a la aceleración de Alibaba Cloud CDN, mientras que la solicitud dinámica sigue obteniéndose del origen y GA reduce su latencia.
Pruebe la latencia de red con solo Alibaba Cloud CDN configurado (sin GA).

Cambie el servidor de origen de Alibaba Cloud CDN del CNAME de GA a la dirección IP pública del servidor de origen y elimine el grupo de endpoints en GA. Luego, repita la prueba.

Resultados de la prueba con solo Alibaba Cloud CDN configurado: los recursos estáticos (tiempo de respuesta del documento HTML de unos 6 ms y de la imagen de unos 5 ms) se aceleran de forma significativa. Sin embargo, la solicitud dinámica (fetch) tiene un tiempo de respuesta de unos 461 ms y Alibaba Cloud CDN no la acelera.
Pruebe la latencia de red base sin GA ni Alibaba Cloud CDN.

En Alibaba Cloud CDN, deshabilite el nombre de dominio acelerado. En Alibaba Cloud DNS, deshabilite el registro CNAME que apunta al CNAME de CDN. Luego, vuelva a ejecutar la prueba.

En el panel Network de las herramientas de desarrollador del navegador, la página carga tres recursos: el documento de la página (1.1 kB, 214 ms), la imagen estática test.png (140 kB, 261 ms) y la solicitud dinámica dynamic (154 B, 474 ms). Todas las solicitudes devuelven un estado 200.

Comparación de los resultados de aceleración:

Los datos de la prueba muestran que Alibaba Cloud CDN reduce la latencia de acceso al contenido estático (test.png) y que GA reduce aún más la latencia de acceso al contenido dinámico (dynamic).

Escenario	Contenido estático`test.png` Tiempo (ms)	Contenido dinámico`dynamic` Tiempo (ms)	Comparación
Escenario 1: GA + Alibaba Cloud CDN	5	228	El contenido dinámico es un 50.5 % más rápido que en el escenario 2.
Escenario 2: Solo Alibaba Cloud CDN	5	461	El contenido estático es un 98.1 % más rápido que en el escenario 3.
Escenario 3: Sin GA ni Alibaba Cloud CDN	261	474	/

Los resultados reales de aceleración varían según su carga de trabajo y las condiciones de la red.

Referencias

Las tarifas de GA de tipo pay-as-you-go incluyen las tarifas de la instancia de GA, las tarifas de CU y las tarifas de tráfico. Para obtener más información, consulte Pay-as-you-go Global Accelerator instance billing.
Cuando utiliza GA con Alibaba Cloud CDN para acelerar el tráfico de retorno al origen, aplican los cargos estándar de Alibaba Cloud CDN por tráfico o ancho de banda. Para obtener más información, consulte Alibaba Cloud CDN billing overview.