Konfigurasi GA dengan CDN untuk mempercepat back-to-origin untuk konten dinamis - Global Accelerator

Industri seperti e-commerce, game online, dan streaming audio-video on-demand memerlukan kecepatan akses dan kualitas yang tinggi. Untuk meningkatkan pengalaman pengguna akhir, Anda dapat menggunakan Global Accelerator (GA) bersama dengan Content Delivery Network (CDN). Global Accelerator (GA) memanfaatkan bandwidth Border Gateway Protocol (BGP) premium dan jaringan transmisi global Alibaba Cloud. Dalam kombinasi dengan Content Delivery Network (CDN), solusi ini membantu Anda membangun jaringan back-to-origin CDN global secara cepat dan menjamin akselerasi komprehensif untuk konten dinamis.

Skenario

Contoh dalam topik ini didasarkan pada skenario berikut. Sebuah layanan web dideploy di Alibaba Cloud pada wilayah AS (Silicon Valley). Nama domain layanan tersebut adalah www.<YOURDOMAIN>.fun. Port forwarding-nya adalah HTTP port 80. Sebagian besar klien berlokasi di Tiongkok (Hong Kong). Saat klien di Tiongkok (Hong Kong) mengakses layanan web di AS (Silicon Valley), sering terjadi masalah seperti latensi jaringan tinggi, fluktuasi jaringan, dan kehilangan paket akibat koneksi Internet lintas batas yang tidak stabil.

Anda dapat menerapkan CDN untuk layanan web Anda. CDN meningkatkan pengalaman pengguna dengan menyimpan cache konten di edge node. Anda juga dapat menghubungkan CDN ke Global Accelerator (GA). GA memanfaatkan bandwidth BGP premium dan jaringan transmisi global Alibaba Cloud untuk mempercepat pengiriman back-to-origin untuk CDN, sehingga menjamin pengiriman konten dinamis berkecepatan tinggi di seluruh dunia.

Prasyarat

Aplikasi telah diterapkan di server asal.

Dalam contoh ini, sistem operasi Alibaba Cloud Linux 3 digunakan. NGINX dan Netcat digunakan untuk membangun halaman web yang mencakup tampilan waktu dinamis dan gambar statis untuk mensimulasikan server.

Contoh: Deploy layanan uji coba di ECS

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

Salin dan tempel konten skrip berikut:

#!/bin/bash

# Perbarui sistem dan instal NGINX dan Netcat.
sudo yum update -y
sudo yum install nginx -y
sudo yum install -y nc

# Mulai NGINX dan konfigurasikan NGINX untuk mulai secara otomatis.
sudo systemctl start nginx
sudo systemctl enable nginx

# Konfigurasikan 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 ke skrip dinamis dan jalankan skrip 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 &

# Mulai ulang 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 tombol Esc untuk keluar dari mode edit, lalu ketik :wq untuk menyimpan file dan keluar.
Jalankan perintah sudo sh ECS_server_install.sh untuk mengeksekusi skrip.
Unggah file citra test.png ke direktori /usr/share/nginx/html yang ditentukan oleh skrip contoh.

Anda telah menambahkan Rekaman A untuk mengarahkan nama domain layanan www.<YOURDOMAIN>.fun ke Alamat IP publik server origin.
Topik ini menggunakan Alibaba Cloud DNS sebagai contoh untuk menjelaskan cara mengonfigurasi catatan DNS. Untuk informasi lebih lanjut tentang cara mengonfigurasi catatan DNS, lihat Tambahkan Catatan DNS. Jika Anda menggunakan layanan DNS pihak ketiga, lihat panduan pengguna yang disediakan oleh penyedia layanan.
Anda telah mengaktifkan layanan CDN.

Prosedur

Langkah 1: Konfigurasikan instance GA

Dalam contoh ini, sebuah instance GA standar bayar sesuai pemakaian digunakan.

Pada halaman Standard Instance > Instances di Konsol Global Accelerator, klik Create Standard Pay-as-you-go 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.
Dalam contoh ini, atur parameter Acceleration Area ke China (Hong Kong) dan ISP Line Type ke BGP (Multi-ISP). Anda dapat menggunakan nilai default untuk parameter lain atau menyesuaikannya sesuai kebutuhan. Untuk informasi lebih lanjut, lihat Add and manage acceleration areas.
Penting
- Jika Anda memerlukan area percepatan di Daratan Tiongkok, Anda harus memiliki 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 kehilangan paket.
Pada langkah Configure Listeners, konfigurasikan protokol forwarding dan port, lalu klik Next.
Dalam skenario ini, atur parameter Protocol ke HTTP dan parameter Port ke 80. Anda dapat menggunakan nilai default untuk parameter lain, seperti Other listener parameter configurations, atau menyesuaikannya sesuai kebutuhan.
Pada halaman Configure Endpoint Group, konfigurasikan layanan backend untuk titik akhir, lalu klik Next.
Dalam skenario ini, atur Region ke US (Silicon Valley), Backend Service Type ke ECS, dan Backend Service ke instans ECS target. Kemudian, baca dan pilih Cross-border Data Compliance Commitment. Untuk other endpoint group parameter configurations, Anda dapat mempertahankan nilai default atau menyesuaikannya berdasarkan kebutuhan aktual.
Pada langkah Configuration Review, konfirmasi konfigurasi Global Accelerator dan klik Submit.
Pada halaman Instance, temukan instance GA yang dibuat dan peroleh CNAME yang dialokasikan ke instance GA di kolom CNAME.

Langkah 2: Konfigurasikan CDN

Pada halaman Nama Domain dari Konsol CDN, klik Add Domain Name.
Pada halaman wizard konfigurasi Domain Name Information, konfigurasikan Business Information dan Origin Servers.
1. Konfigurasikan Business Information.
  Dalam skenario ini, pada bagian Business Information, atur Region ke Global (Excluding the Chinese Mainland) dan Domain Name to Accelerate ke nama domain bisnis Anda, misalnya www.<YOURDOMAIN>.fun. Anda dapat menggunakan nilai default untuk parameter lain atau menyesuaikannya sesuai kebutuhan. Untuk informasi lebih lanjut tentang konfigurasi nama domain, lihat Add an accelerated domain name.
2. Konfigurasikan Origin Servers.
  Pada bagian Origin Servers, klik Add Origin Server. Di kotak dialog Add Origin Server, pilih jenis server asal, masukkan alamat, dan kemudian klik OK.
  Dalam contoh ini, untuk Origin Information, pilih tipe Origin Domain Name dan masukkan CNAME GA. Atur Weight ke 100. Anda dapat mempertahankan nilai default untuk parameter lain atau menyesuaikannya sesuai kebutuhan. Untuk informasi lebih lanjut tentang cara mengonfigurasi informasi origin, lihat Add an accelerated domain name.
3. Pilih Compliance Warranty Regarding Cross-border Data Transfers dan klik Next.
Pada halaman Recommended Configuration, Anda dapat mengonfigurasi fitur-fitur untuk nama domain, seperti waktu kedaluwarsa cache, batas bandwidth, dan optimasi halaman, lalu klik One-click Configuration, atau langsung klik Skip For Now.
Dalam skenario ini, pada bagian Cache Expiration, temukan aturan cache default, klik Modify di kolom Actions, lalu atur Object ke /dynamic dan Expire In ke 0 detik agar konten dinamis diambil langsung dari origin. Untuk informasi lebih lanjut tentang konfigurasi yang direkomendasikan, lihat Recommended Configurations (Optional).
Pada halaman Nama Domain, temukan nama domain yang ditambahkan dan peroleh CNAME yang dialokasikan oleh CDN di kolom CNAME.

Langkah 3: Konfigurasikan catatan DNS

Setelah nama domain ditambahkan, Anda harus membuat catatan DNS dari nama domain ke CNAME yang dialokasikan oleh CDN. Kemudian, permintaan yang dikirim ke nama domain dapat diteruskan ke CDN untuk akselerasi.

Untuk menghindari konflik antara Rekaman A yang ada dan catatan CNAME, Anda dapat mengatur sumber permintaan DNS yang berbeda atau garis resolusi untuk catatan tersebut. Dalam contoh ini, Anda dapat menambahkan catatan CNAME untuk wilayah China (Hong Kong) untuk melakukan tes. Jika tes berhasil, Anda dapat secara bertahap menerapkan catatan CNAME ke wilayah lain atau beralih ke garis default.

Pada halaman Domain Names, temukan nama domain yang ingin Anda gunakan dan klik DNS Settings di kolom Actions.
Catatan
Untuk nama domain yang tidak terdaftar dengan Alibaba Cloud, Anda harus menambahkan nama domain ke Konsol DNS Alibaba Cloud sebelum Anda dapat mengonfigurasi catatan DNS.
Pada halaman DNS Settings, klik Add Record, konfigurasikan Rekaman CNAME, lalu klik OK.
Dalam skenario ini, Record Type diatur ke CNAME, Host Record diatur ke www, DNS Request Source diatur ke Tiongkok (Hong Kong), dan Record Value diatur ke CNAME CDN. Untuk other DNS record parameters, Anda dapat menggunakan nilai default atau menyesuaikannya sesuai kebutuhan.

Langkah 4: Uji akses

Pada komputer di wilayah akselerasi (dalam topik ini, Tiongkok (Hong Kong)), gunakan developer tools di browser Anda untuk mengakses www.<YOURDOMAIN>.fun dan amati waktu pemuatan setiap resource pada halaman web tersebut.

Periksa latensi jaringan setelah GA dan CDN dikonfigurasi.
Periksa latensi jaringan ketika hanya CDN yang dikonfigurasi.
Anda dapat mengubah situs asal CDN dari CNAME GA ke alamat IP publik server asal, hapus grup endpoint dari GA, dan kemudian lakukan tes.
Periksa latensi jaringan ketika GA dan CDN tidak dikonfigurasi.
Anda dapat menonaktifkan nama domain yang dipercepat di CDN, nonaktifkan catatan CNAME di DNS, dan kemudian lakukan tes.

Bandingkan hasilnya:

Data pengujian menunjukkan bahwa setelah CDN digunakan, latensi akses konten statis (test.png) berkurang. Setelah GA dikonfigurasi bersama CDN, latensi akses konten dinamis (dynamic) semakin berkurang.

Skenario	Konten statis `test.png` Waktu yang diperlukan (dalam milidetik)	Konten dinamis `dynamic` Waktu yang diperlukan (dalam milidetik)	Perbandingan
Skenario 1: Gunakan GA dan CDN	5	228	Dibandingkan dengan Skenario 2, kecepatan akses konten dinamis 50,5% lebih cepat.
Skenario 2: Gunakan CDN saja	5	461	Dibandingkan dengan Skenario 3, kecepatan akses konten statis 98,1% lebih cepat.
Skenario 3: GA dan CDN tidak digunakan	261	474	/

Catatan

Kinerja akselerasi bervariasi tergantung pada pengujian bisnis aktual Anda.

Referensi

Biaya GA dengan model bayar sesuai penggunaan mencakup biaya instans GA, biaya Unit kapasitas (CU), dan biaya transfer data. Untuk informasi lebih lanjut, lihat Billing of pay-as-you-go GA instances.
Saat Anda menggunakan GA dan CDN untuk mempercepat pengambilan asal, biaya traffic (atau bandwidth) CDN akan dikenakan. Untuk informasi lebih lanjut, lihat CDN billing overview.