Cara Menghantar Laman Web Statik Secara Percuma di AWS S3: Panduan Permulaan untuk Pemula

Penyebaran pengkomputeran awan telah menjadikan penghantaran laman web semakin mudah, terutamanya bagi pemula. Panduan ini akan membawa anda memahami cara menghantar laman web statik secara percuma di Amazon Web Services (AWS) Simple Storage Service (S3). Melalui langkah-langkah berikut, anda akan dapat membina dan melancarkan laman web peribadi anda sendiri, merasai kuasa dan kemudahan pengkomputeran awan.

Langkah Pertama: Persediaan

Sebelum memulakan penghantaran, pastikan anda mempunyai persediaan berikut:

1. Akaun AWS: Sila lawati laman web rasmi AWS untuk mendaftar akaun AWS.
2. Pengetahuan asas HTML/CSS: Memahami pengetahuan asas tentang pembuatan laman web, sediakan satu laman web statik yang mudah. Anda boleh menggunakan templat mudah di bawah:

    Laman Web Statik Saya


# Selamat datang ke laman web statik saya!

    Ini adalah laman web statik pertama saya.

Simpan kod di atas sebagai fail index.html, dan sediakan sumber statik lain yang diperlukan (seperti gambar, fail CSS, dan lain-lain).

Langkah Kedua: Cipta Bucket S3

1. Log masuk ke konsol pengurusan AWS, cari dan pilih perkhidmatan "S3".
2. Klik "Cipta Bucket".
3. Dalam tetingkap yang muncul:
   • Nama Bucket: Masukkan nama bucket yang unik, contohnya my-static-website-12345.
   • Wilayah: Pilih wilayah yang paling dekat dengan anda.
   • Biarkan pilihan lain sebagai tetapan lalai, klik "Cipta Bucket".

Langkah Ketiga: Konfigurasi Bucket

1. Tetapkan Kebenaran:
   • Cari bucket yang baru dibuat, klik untuk masuk.
   • Pergi ke tab "Kebenaran", klik "Dasar Bucket".
   • Dalam penyunting dasar, tambahkan dasar berikut untuk membenarkan akses awam ke laman web anda:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-static-website-12345/*"
        }
    ]
}

Nota: Sila ganti my-static-website-12345 dengan nama bucket anda sendiri.

2. Aktifkan Penginapan Laman Web Statik:
   • Kembali ke halaman utama bucket, klik tab "Ciri-ciri".
   • Cari "Penginapan Laman Web Statik", klik "Edit".
   • Pilih "Gunakan bucket ini untuk menghos laman web".
   • Dalam "Dokumen Indeks", masukkan index.html, kemudian klik "Simpan Perubahan".

Langkah Keempat: Muat Naik Fail

1. Di halaman utama bucket, klik "Muat Naik".
2. Seret dan lepas index.html dan fail sumber statik lain (seperti fail CSS, gambar) ke kawasan muat naik.
3. Pastikan semua fail telah dimuat naik dengan lengkap.

Langkah Kelima: Akses Laman Web Anda

1. Kembali ke tab "Ciri-ciri" bucket, semak semula bahagian "Penginapan Laman Web Statik", anda akan melihat URL yang serupa dengan http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/.
2. Salin pautan ini dan buka dalam pelayar, anda akan melihat laman web statik anda telah dilancarkan!

Petua dan Amalan Terbaik

• Elakkan melebihi had percuma: AWS S3 mempunyai lapisan penggunaan percuma, tetapi pastikan anda mematuhi had penggunaan untuk mengelakkan sebarang kos.
• Gunakan kawalan versi: Pertimbangkan untuk menggunakan alat kawalan versi seperti Git untuk mengurus fail laman web anda, meningkatkan kecekapan pembangunan.
• Optimumkan sumber: Gunakan gambar yang dimampatkan dan fail CSS/JavaScript yang diminimumkan untuk meningkatkan kelajuan pemuatan laman web.
• Semak tetapan keselamatan secara berkala: Semak kebenaran bucket secara berkala untuk memastikan sumber anda tidak diakses tanpa kebenaran.

Kesimpulan

AWS S3 menyediakan cara yang mudah dan berpatutan untuk menghos laman web statik. Melalui panduan ini, anda telah mempelajari langkah-langkah asas untuk mencipta, mengkonfigurasi, dan menerbitkan laman web statik pertama anda di AWS. Dengan perkembangan teknologi, anda boleh secara beransur-ansur mengembangkan fungsi laman web anda, mempelajari lebih lanjut tentang pengkomputeran awan dan pembangunan laman web. Selamat datang ke perjalanan pengkomputeran awan anda!