Percepat lalu lintas kembali ke asal dengan GA dan CDN - Global Accelerator

Industri seperti e-commerce, game online, dan streaming video on-demand memerlukan kecepatan akses dan kualitas layanan yang tinggi. Untuk meningkatkan pengalaman pengguna akhir secara signifikan, Anda dapat menggabungkan Global Accelerator (GA) dengan Alibaba Cloud CDN. Dengan memanfaatkan bandwidth BGP premium dan jaringan transport global Alibaba Cloud, GA bekerja sama dengan Alibaba Cloud CDN untuk membantu Anda membangun jaringan kembali ke asal CDN global secara cepat, sehingga memastikan akselerasi komprehensif untuk konten dinamis Anda.

Kasus penggunaan

Topik ini menggunakan skenario pada gambar berikut sebagai contoh. Sebuah layanan web dideploy di Alibaba Cloud pada wilayah AS (Silicon Valley) dan menyediakan layanan melalui nama domain www.<YOURDOMAIN>.fun. Layanan tersebut meneruskan traffic pada Port HTTP 80. Sebagian besar klien berlokasi di Tiongkok (Hong Kong). Karena ketidakstabilan jaringan publik lintas batas, klien di Tiongkok (Hong Kong) sering mengalami masalah seperti latensi tinggi, jitter, dan kehilangan paket saat mengakses layanan web di wilayah AS (Silicon Valley).

Anda dapat menerapkan Alibaba Cloud CDN untuk layanan web Anda. Alibaba Cloud CDN meningkatkan pengalaman pengguna dengan menyimpan cache konten di node tepi. Saat diintegrasikan dengan Global Accelerator, Alibaba Cloud CDN memanfaatkan bandwidth BGP premium dan jaringan transport global Alibaba Cloud untuk membantu Anda membangun jaringan kembali ke asal global secara cepat guna memberikan akselerasi komprehensif untuk konten dinamis.

Prasyarat

Anda memiliki aplikasi yang dideploy pada server origin.

Contoh ini menggunakan server Alibaba Cloud Linux 3 dengan Nginx dan Netcat untuk membangun halaman web uji yang mensimulasikan server dengan tampilan waktu dinamis dan konten statis.

Contoh: Deploy layanan uji pada Instance ECS Alibaba Cloud

Jalankan vi ECS_server_install.sh dan tekan i untuk memasuki mode edit.

Salin dan tempel skrip berikut:

#!/bin/bash
# Perbarui sistem dan instal Nginx serta Netcat.
sudo yum update -y
sudo yum install nginx -y
sudo yum install -y nc
# Jalankan Nginx dan aktifkan agar otomatis berjalan saat boot.
sudo systemctl start nginx
sudo systemctl enable nginx
# Konfigurasi 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'
# Buat konten statis.
sudo bash -c 'echo "<img src=\"test.png\" alt=\"Static Image\" width=\"300\"/>" > /usr/share/nginx/html/test.png'
# Buat skrip konten dinamis.
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'
# Berikan izin eksekusi pada skrip dinamis dan jalankan di latar belakang.
sudo chmod +x /usr/share/nginx/html/dynamic_script.sh
nohup /usr/share/nginx/html/dynamic_script.sh > /dev/null 2>&1 &
# Restart layanan Nginx.
sudo systemctl restart nginx
# Buat file index.html.
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'

Tekan Esc untuk keluar dari mode edit, lalu ketik :wq untuk menyimpan dan keluar.
Jalankan perintah sudo sh ECS_server_install.sh untuk mengeksekusi skrip.
Unggah file gambar bernama test.png ke direktori /usr/share/nginx/html yang ditentukan dalam skrip contoh.

Anda telah mengonfigurasi resolusi DNS untuk www.<YOURDOMAIN>.fun dengan membuat Rekaman A yang mengarahkan domain ke Alamat IP publik server origin.
Topik ini menggunakan Alibaba Cloud DNS sebagai contoh untuk menjelaskan cara mengonfigurasi resolusi DNS. Untuk informasi tentang cara menambahkan Rekaman DNS, lihat Tambahkan Rekaman DNS. Jika Anda menggunakan penyedia DNS lain, konsultasikan dokumentasinya.
Anda telah mengaktifkan Alibaba Cloud CDN.

Prosedur

Langkah 1: Konfigurasi instans GA

Topik ini menggunakan instans GA standar bayar sesuai penggunaan sebagai contoh.

Pada halaman Standard Instance > Instances di Konsol Global Accelerator, klik Create Standard GA Instance.
Pada langkah Basic Instance Configuration, konfigurasikan parameter dan klik Next.
Pada langkah Configure Acceleration Area, tambahkan area percepatan, alokasikan bandwidth ke wilayah tersebut, lalu klik Next.
Pada contoh ini, atur parameter Acceleration Area menjadi China (Hong Kong), dan ISP Line Type menjadi BGP (Multi-ISP). Anda dapat menggunakan nilai default untuk parameter lain atau mengubahnya sesuai kebutuhan. Untuk informasi lebih lanjut, lihat Tambah dan kelola area percepatan.
Penting
- Jika Anda memerlukan area percepatan di Tiongkok daratan, Anda harus mendapatkan Pendaftaran ICP untuk nama domain guna menyediakan layanan.
- Rencanakan bandwidth yang Anda butuhkan secara tepat. Bandwidth maksimum yang tidak mencukupi dapat menyebabkan Pembatasan kecepatan dan masalah kehilangan paket.
Pada halaman Configure listeners, konfigurasikan protokol dan port penerusan, lalu klik Next.
Pada skenario ini, atur Protocol menjadi HTTP dan Port menjadi 80. Anda dapat mempertahankan nilai default untuk parameter listener lainnya atau mengubahnya sesuai kebutuhan.
Pada halaman Configure an Endpoint Group, konfigurasikan layanan backend untuk titik akhir, lalu klik Next.
Pada skenario ini, atur Region menjadi US (Silicon Valley) dan Backend Service Type menjadi ECS. Untuk Backend Service, pilih Instance ECS target. Kemudian, baca dan centang kotak Compliance Commitments Regarding Cross-border Data Transfers. Anda dapat mempertahankan nilai default untuk parameter kelompok titik akhir lainnya atau mengubahnya sesuai kebutuhan.
Pada halaman Configuration Review, konfirmasi pengaturan dan klik Submit.
Pada halaman daftar instans, temukan instans GA yang telah Anda buat dan salin CNAME dari kolom CNAME.

Langkah 2: Konfigurasi Alibaba Cloud CDN

Di Konsol Alibaba Cloud CDN, buka halaman Domain Names dan klik Add Domain Name.
Pada halaman Specify Domain Name Information, konfigurasikan Business Information dan pengaturan Origin Server.
1. Konfigurasikan Business Information.
  Pada skenario ini, di bagian Business Information, atur Region menjadi Global (Excluding the Chinese Mainland). Untuk Domain Name to Accelerate, masukkan www.<YOURDOMAIN>.fun. Anda dapat mempertahankan nilai default untuk parameter lain atau mengubahnya sesuai kebutuhan. Untuk informasi lebih lanjut, lihat Tambahkan nama domain yang dipercepat.
2. Konfigurasikan pengaturan Origin Server.
  Di area Origin Server, klik Add Origin Server Information. Di kotak dialog Add Origin Server Information, pilih jenis server origin, masukkan alamat server origin, lalu klik OK.
  Pada skenario ini, konfigurasikan Origin Server dengan jenis Site Domain dan masukkan CNAME instans GA. Atur Weight menjadi 100. Anda dapat mempertahankan nilai default untuk parameter lain atau mengubahnya sesuai kebutuhan. Untuk informasi lebih lanjut, lihat Tambahkan nama domain yang dipercepat.
3. Centang kotak Compliance Commitments Regarding Cross-border Data Transfers dan klik Next.
Pada halaman Recommended Configurations, Anda dapat mengonfigurasi pengaturan seperti waktu kedaluwarsa cache, Batas bandwidth, dan optimasi halaman. Konfigurasikan sesuai kebutuhan dan klik One-Click Configuration, atau klik Skip.
Pada skenario ini, di bagian Cache Expiration Time, temukan aturan cache default dan klik Modify di kolom Actions. Atur Address menjadi /dynamic dan Expiration Date menjadi 0 detik agar konten dinamis diambil dari server origin untuk setiap permintaan. Untuk informasi lebih lanjut tentang konfigurasi yang direkomendasikan, lihat Konfigurasi yang direkomendasikan (opsional).
Atur Type menjadi Directory, Weight menjadi 99, dan Rule Condition menjadi Not used. Lalu, klik OK.
Pada halaman Domain Names, temukan domain yang telah Anda tambahkan dan salin CNAME dari kolom CNAME.

Langkah 3: Konfigurasi resolusi DNS

Setelah nama domain ditambahkan, Anda harus mengarahkan resolusi DNS-nya ke CNAME CDN. Hal ini mengarahkan permintaan untuk domain yang dipercepat ke node tepi CDN.

Untuk menghindari konflik antara Rekaman A yang sudah ada dan Rekaman CNAME, Anda dapat menetapkan sumber kueri yang berbeda untuk Rekaman A dan Rekaman CNAME. Misalnya, pada skenario ini, Anda dapat terlebih dahulu menambahkan Rekaman CNAME untuk wilayah Tiongkok (Hong Kong) untuk menjalankan pengujian. Setelah pengujian berhasil, Anda dapat memperluasnya ke wilayah lain atau menggantinya ke jalur default.

Pada halaman Domain Name Resolution, temukan nama domain target Anda dan klik DNS Settings di kolom Actions.
Jika nama domain Anda tidak didaftarkan di Alibaba Cloud, Anda harus terlebih dahulu menambahkan nama domain ke Konsol DNS Alibaba Cloud sebelum Anda dapat mengonfigurasi pengaturan DNS-nya.
Pada halaman DNS Settings, klik Add Record, konfigurasikan Rekaman CNAME, lalu klik OK.
Pada skenario ini, atur Type menjadi CNAME, Host menjadi www, DNS Request Source menjadi Tiongkok (Hong Kong), dan Value menjadi CNAME CDN. Anda dapat mempertahankan nilai default untuk parameter Rekaman DNS lainnya atau mengubahnya sesuai kebutuhan.

Langkah 4: Uji akselerasi

Pada komputer di wilayah akselerasi (Tiongkok (Hong Kong) dalam topik ini), buka alat developer browser Anda dan kunjungi www.<YOURDOMAIN>.fun untuk melihat waktu muat setiap resource.

Uji latensi jaringan setelah Anda mengonfigurasi GA dan Alibaba Cloud CDN.
Buka halaman uji di browser. Tekan F12 untuk membuka panel Network di Chrome DevTools, centang kotak Disable cache, lalu refresh halaman. Amati waktu respons untuk setiap resource dalam daftar permintaan: Permintaan dokumen HTML (975 B) memakan waktu sekitar 5 ms, gambar statis test.png (141 kB) memakan waktu sekitar 5 ms, dan permintaan API dinamis untuk dynamic (jenis fetch, 473 B) memakan waktu sekitar 228 ms. Resource statis memiliki waktu respons yang sangat singkat berkat akselerasi Alibaba Cloud CDN, sedangkan permintaan dinamis tetap diambil dari origin, dan GA mengurangi latensinya.
Uji latensi jaringan hanya dengan Alibaba Cloud CDN yang dikonfigurasi (tanpa GA).
Ubah server origin Alibaba Cloud CDN dari CNAME GA ke Alamat IP publik server origin dan hapus kelompok titik akhir di GA. Lalu, ulangi pengujian.
Hasil pengujian hanya dengan Alibaba Cloud CDN yang dikonfigurasi: Resource statis (waktu respons dokumen HTML sekitar 6 ms, waktu respons gambar sekitar 5 ms) mengalami akselerasi signifikan, sedangkan permintaan dinamis (fetch) memiliki waktu respons sekitar 461 ms dan tidak dipercepat oleh Alibaba Cloud CDN.
Uji latensi jaringan dasar tanpa GA atau Alibaba Cloud CDN.
Di Alibaba Cloud CDN, nonaktifkan nama domain yang dipercepat. Di Alibaba Cloud DNS, nonaktifkan Rekaman CNAME yang mengarah ke CNAME CDN. Lalu, jalankan pengujian lagi.
Di panel Network DevTools browser, halaman memuat tiga resource: dokumen halaman (1,1 kB, 214 ms), gambar statis test.png (140 kB, 261 ms), dan permintaan dinamis dynamic (154 B, 474 ms). Semua permintaan memiliki status 200.

Perbandingan hasil akselerasi:

Data pengujian menunjukkan bahwa Alibaba Cloud CDN mengurangi latensi akses untuk konten statis (test.png) dan GA lebih lanjut mengurangi latensi akses untuk konten dinamis (dynamic).

Skenario	Konten statis`test.png` Waktu (ms)	Konten dinamis`dynamic` Waktu (ms)	Perbandingan
Skenario 1: GA + Alibaba Cloud CDN	5	228	Konten dinamis 50,5% lebih cepat dibandingkan Skenario 2.
Skenario 2: Hanya Alibaba Cloud CDN	5	461	Konten statis 98,1% lebih cepat dibandingkan Skenario 3.
Skenario 3: Tanpa GA atau Alibaba Cloud CDN	261	474	/

Hasil akselerasi aktual bervariasi tergantung pada workload dan kondisi jaringan Anda.

Referensi

Biaya GA bayar sesuai penggunaan mencakup biaya instans GA, biaya CU, dan biaya traffic. Untuk informasi lebih lanjut, lihat Penagihan instans Global Accelerator bayar sesuai penggunaan.
Saat Anda menggunakan GA dengan Alibaba Cloud CDN untuk mempercepat lalu lintas kembali ke asal, berlaku tarif standar Alibaba Cloud CDN untuk traffic atau bandwidth. Untuk informasi lebih lanjut, lihat Ikhtisar penagihan Alibaba Cloud CDN.