Accelerate back-to-origin with GA and CDN - Global Accelerator

Des secteurs tels que le commerce électronique, les jeux en ligne et la diffusion de vidéos à la demande exigent une vitesse d'accès et une qualité de service exceptionnelles. Pour améliorer considérablement l'expérience des utilisateurs finaux, vous pouvez combiner Global Accelerator (GA) avec Alibaba Cloud CDN. En tirant parti de la bande passante BGP premium et du réseau de transport mondial d'Alibaba Cloud, GA fonctionne conjointement avec Alibaba Cloud CDN pour vous aider à construire rapidement un réseau mondial de retour à l'origine via CDN, garantissant ainsi une accélération complète de votre contenu dynamique.

Cas d'utilisation

Cette rubrique s'appuie sur le scénario illustré dans la figure suivante. Un service web est déployé sur Alibaba Cloud dans la région US (Silicon Valley) et fournit des services via le nom de domaine www.<YOURDOMAIN>.fun. Il transfère le trafic sur le port HTTP 80. La majorité des clients se trouvent en Chine (Hong Kong). En raison de l'instabilité du réseau public transfrontalier, les clients situés en Chine (Hong Kong) rencontrent souvent des problèmes tels qu'une latence élevée, de la gigue et une perte de paquets lorsqu'ils accèdent au service web hébergé dans la région US (Silicon Valley).

Déployez Alibaba Cloud CDN pour votre service web. Alibaba Cloud CDN améliore l'expérience utilisateur en mettant en cache le contenu sur des nœuds périphériques. Lorsqu'il est intégré à Global Accelerator, Alibaba Cloud CDN exploite la bande passante BGP premium et le réseau de transport mondial d'Alibaba Cloud pour vous aider à mettre en place rapidement un réseau mondial de retour à l'origine, offrant ainsi une accélération globale pour le contenu dynamique.

Prérequis

Une application est déployée sur un serveur d'origine.

Cet exemple utilise un serveur Alibaba Cloud Linux 3 équipé de Nginx et Netcat pour créer une page web de test simulant un serveur affichant l'heure dynamiquement et servant du contenu statique.

Exemple : Déployer un service de test sur une instance ECS Alibaba Cloud

Exécutez vi ECS_server_install.sh et appuyez sur i pour passer en mode édition.

Copiez et collez le script suivant :

#!/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'

Appuyez sur Esc pour quitter le mode édition, puis saisissez :wq pour enregistrer et quitter.
Exécutez la commande sudo sh ECS_server_install.sh pour lancer le script.
Téléchargez un fichier image nommétest.png dans le répertoire /usr/share/nginx/html indiqué dans l'exemple de script.

La résolution DNS de www.<YOURDOMAIN>.fun est configurée via un enregistrement A qui pointe le domaine vers l'adresse IP publique du serveur d'origine.

Cette rubrique utilise Alibaba Cloud DNS comme exemple pour expliquer la configuration de la résolution DNS. Pour savoir comment ajouter un enregistrement DNS, consultez la rubrique Ajouter un enregistrement DNS. Si vous utilisez un autre fournisseur DNS, reportez-vous à sa documentation.
Vous avez activé Alibaba Cloud CDN.

Procédure

Étape 1 : Configurer une instance GA

Cette rubrique prend pour exemple une instance GA standard en paiement à l'utilisation.

Sur la page Standard Instance > Instances de la console Global Accelerator, cliquez sur Create Standard GA Instance.
À l'étape Basic Instance Configuration, configurez les paramètres et cliquez sur Next.
À l'étape Configure Acceleration Area, ajoutez une zone d'accélération, allouez de la bande passante à la région, puis cliquez sur Next.

Dans cet exemple, définissez le paramètre Acceleration Area sur China (Hong Kong) et le paramètre ISP Line Type sur BGP (Multi-ISP). Vous pouvez conserver les valeurs par défaut pour les autres paramètres ou les modifier selon vos besoins. Pour plus d'informations, consultez la rubrique Ajouter et gérer des zones d'accélération.
Important
- Si vous avez besoin de zones d'accélération en Chine continentale, vous devez obtenir un enregistrement ICP pour le nom de domaine afin de fournir des services.
- Planifiez correctement la bande passante requise. Une bande passante maximale insuffisante peut entraîner une limitation du débit et des pertes de paquets.
Sur la page Configure listeners, configurez le protocole de transfert et le port, puis cliquez sur Next.

Dans ce scénario, définissez le Protocol sur HTTP et le Port sur 80. Vous pouvez conserver les valeurs par défaut pour les autres paramètres de l'écouteur ou les adapter selon vos besoins.
Sur la page Configure an Endpoint Group, configurez le service backend pour le point de terminaison, puis cliquez sur Next.

Dans ce scénario, définissez la Region sur US (Silicon Valley) et le Backend Service Type sur ECS. Pour le Backend Service, sélectionnez l'instance ECS cible. Ensuite, lisez et cochez la case Compliance Commitments Regarding Cross-border Data Transfers. Vous pouvez conserver les valeurs par défaut pour les autres paramètres du groupe de points de terminaison ou les modifier selon vos besoins.
Sur la page Configuration Review, confirmez les paramètres et cliquez sur Submit.
Sur la page de liste des instances, repérez l'instance GA que vous venez de créer et copiez le CNAME depuis la colonne CNAME.

Étape 2 : Configurer Alibaba Cloud CDN

Dans la console Alibaba Cloud CDN, accédez à la page Domain Names et cliquez sur Add Domain Name.
Sur la page Specify Domain Name Information, configurez les paramètres Business Information et Origin Server.
1. Configurez les informations Business Information.
  
  Dans ce scénario, dans la section Business Information, définissez la Region sur Global (Excluding the Chinese Mainland). Pour le champ Domain Name to Accelerate, saisissez www.<YOURDOMAIN>.fun. Vous pouvez conserver les valeurs par défaut pour les autres paramètres ou les modifier selon vos besoins. Pour plus d'informations, consultez la rubrique Ajouter un nom de domaine accéléré.
2. Configurez les paramètres du Origin Server.
  
  Dans la zone Origin Server, cliquez sur Add Origin Server Information. Dans la boîte de dialogue Add Origin Server Information, sélectionnez le type de serveur d'origine, saisissez l'adresse du serveur d'origine, puis cliquez sur OK.
  
  Dans ce scénario, configurez le Origin Server avec le type Site Domain et saisissez le CNAME de l'instance GA. Définissez le Weight sur 100. Vous pouvez conserver les valeurs par défaut pour les autres paramètres ou les modifier selon vos besoins. Pour plus d'informations, consultez la rubrique Ajouter un nom de domaine accéléré.
3. Cochez la case Compliance Commitments Regarding Cross-border Data Transfers et cliquez sur Next.
Sur la page Recommended Configurations, vous pouvez configurer des paramètres tels que la durée d'expiration du cache, la limite de bande passante et l'optimisation des pages. Effectuez les configurations nécessaires et cliquez sur One-Click Configuration, ou cliquez sur Skip.

Dans ce scénario, dans la section Cache Expiration Time, repérez la règle de cache par défaut et cliquez sur Modify dans la colonne Actions. Définissez l'Address sur /dynamic et la Expiration Date sur 0 seconde afin que le contenu dynamique soit récupéré depuis le serveur d'origine à chaque requête. Pour plus d'informations sur les configurations recommandées, consultez la rubrique Configurations recommandées (facultatif).

Définissez Type sur Directory, Weight sur 99 et Rule Condition sur Not used. Puis, cliquez sur OK.
Sur la page Domain Names, repérez le domaine que vous avez ajouté et copiez le CNAME depuis la colonne CNAME.

Étape 3 : Configurer la résolution DNS

Une fois le nom de domaine ajouté, vous devez pointer sa résolution DNS vers le CNAME du CDN. Cela permet d'acheminer les requêtes destinées au domaine accéléré vers les nœuds périphériques du CDN.

Pour éviter les conflits entre un enregistrement A existant et un enregistrement CNAME, vous pouvez définir différentes sources de requête pour l'enregistrement A et l'enregistrement CNAME. Par exemple, dans ce scénario, vous pouvez d'abord ajouter un enregistrement CNAME pour la région Chine (Hong Kong) afin d'effectuer un test. Une fois le test concluant, vous pouvez étendre la configuration à d'autres régions ou basculer vers la ligne par défaut.

Sur la page Domain Name Resolution, repérez votre nom de domaine cible et cliquez sur DNS Settings dans la colonne Actions.

Si votre nom de domaine n'est pas enregistré auprès d'Alibaba Cloud, vous devez d'abord ajouter le nom de domaine à la console Alibaba Cloud DNS avant de pouvoir configurer ses paramètres DNS.
Sur la page DNS Settings, cliquez sur Add Record, configurez un enregistrement CNAME, puis cliquez sur OK.

Dans ce scénario, définissez le Type sur CNAME, l'Host sur www, la DNS Request Source sur Chine (Hong Kong) et la Value sur le CNAME du CDN. Vous pouvez conserver les valeurs par défaut pour les autres paramètres de l'enregistrement DNS ou les modifier selon vos besoins.

Étape 4 : Tester l'accélération

Depuis un ordinateur situé dans la zone d'accélération (Chine (Hong Kong) dans cette rubrique), ouvrez les outils de développement de votre navigateur et visitez www.<YOURDOMAIN>.fun pour consulter le temps de chargement de chaque ressource.

Testez la latence réseau après avoir configuré GA et Alibaba Cloud CDN.

Ouvrez la page de test dans un navigateur. Appuyez sur F12 pour ouvrir l'onglet Network des outils Chrome DevTools, cochez la case Disable cache, puis actualisez la page. Observez le temps de réponse de chaque ressource dans la liste des requêtes : la requête du document HTML (975 o) prend environ 5 ms, l'image statique test.png (141 ko) prend environ 5 ms, et la requête API dynamique pour dynamic (type fetch, 473 o) prend environ 228 ms. Les ressources statiques bénéficient d'un temps de réponse très court grâce à l'accélération d'Alibaba Cloud CDN, tandis que la requête dynamique est toujours récupérée depuis l'origine, mais GA réduit sa latence.
Testez la latence réseau avec uniquement Alibaba Cloud CDN configuré (sans GA).

Remplacez le serveur d'origine d'Alibaba Cloud CDN du CNAME GA par l'adresse IP publique du serveur d'origine et supprimez le groupe de points de terminaison dans GA. Ensuite, répétez le test.

Résultats du test avec uniquement Alibaba Cloud CDN configuré : les ressources statiques (temps de réponse du document HTML d'environ 6 ms, temps de réponse de l'image d'environ 5 ms) sont considérablement accélérées, tandis que la requête dynamique (fetch) affiche un temps de réponse d'environ 461 ms et n'est pas accélérée par Alibaba Cloud CDN.
Testez la latence réseau de base sans GA ni Alibaba Cloud CDN.

Dans Alibaba Cloud CDN, désactivez le nom de domaine accéléré. Dans Alibaba Cloud DNS, désactivez l'enregistrement CNAME qui pointe vers le CNAME du CDN. Ensuite, effectuez à nouveau le test.

Dans l'onglet Network des outils de développement du navigateur, la page charge trois ressources : le document de la page (1,1 ko, 214 ms), l'image statique test.png (140 ko, 261 ms) et la requête dynamique dynamic (154 o, 474 ms). Toutes les requêtes renvoient un statut 200.

Comparaison des résultats d'accélération :

Les données de test montrent qu'Alibaba Cloud CDN réduit la latence d'accès pour le contenu statique (test.png) et que GA réduit davantage la latence d'accès pour le contenu dynamique (dynamic).

Scénario

Contenu statiquetest.png

Temps (ms)

Contenu dynamiquedynamic

Temps (ms)

Comparaison

Scénario 1 : GA + Alibaba Cloud CDN

228

Le contenu dynamique est 50,5 % plus rapide que dans le scénario 2.

Scénario 2 : Alibaba Cloud CDN uniquement

461

Le contenu statique est 98,1 % plus rapide que dans le scénario 3.

Scénario 3 : Sans GA ni Alibaba Cloud CDN

261

474

Les résultats réels d'accélération varient en fonction de votre charge de travail et des conditions réseau.

Références

Les frais de GA en paiement à l'utilisation incluent les frais d'instance GA, les frais CU et les frais de trafic. Pour plus d'informations, consultez la rubrique Facturation des instances Global Accelerator en paiement à l'utilisation.
Lorsque vous utilisez GA avec Alibaba Cloud CDN pour accélérer le trafic de retour à l'origine, les tarifs standard d'Alibaba Cloud CDN pour le trafic ou la bande passante s'appliquent. Pour plus d'informations, consultez la rubrique Aperçu de la facturation d'Alibaba Cloud CDN.