AWS S3 дээр үнэгүй статик вэбсайт хэрхэн байрлуулах вэ: Шинэ хэрэглэгчдийн гарын авлага

Үүлэн тооцооллын тархалт вэбсайтыг байрлуулахыг улам хялбар болгож байна, ялангуяа шинэ хэрэглэгчдэд. Энэ гарын авлага нь танд Amazon Web Services (AWS)-ийн Simple Storage Service (S3) дээр үнэгүй статик вэбсайт хэрхэн байрлуулахыг ойлгоход туслах болно. Дараах алхмуудын дагуу та өөрийн хувийн вэбсайтыг бүтээж, онлайн болгож, үүлэн тооцооллын хүч чадал, хялбар байдлыг мэдрэх боломжтой.

Алхам 1: Бэлтгэл ажил

Байрлуулалтаа эхлэхээс өмнө доорх бэлтгэлүүдийг хангаж байгаа эсэхээ шалгаарай:

1. AWS данс: AWS албан ёсны сайт руу зочилж, AWS данс үүсгээрэй.
2. Үндсэн HTML/CSS мэдлэг: Үндсэн вэб хуудас бүтээх мэдлэгтэй байх, энгийн статик вэб хуудас бэлдээрэй. Дараах энгийн загварыг ашиглаж болно:

    Миний статик вэбсайт


# Миний статик вэбсайтад тавтай морил

    Энэ бол миний анхны статик вэб хуудас.

Дээрх кодыг index.html файлын нэрээр хадгалаад, шаардлагатай бусад статик нөөц (жишээ нь, зураг, CSS файлууд гэх мэт) бэлдээрэй.

Алхам 2: S3 хадгаламжийн сав үүсгэх

1. AWS удирдлагын консолд нэвтэрч, “S3” үйлчилгээг хайж сонгоно уу.
2. “Хадгаламжийн сав үүсгэх” дээр дарна уу.
3. Гарч ирсэн цонхонд:
   • Хадгаламжийн савын нэр: Жишээ нь, my-static-website-12345 гэх мэт өвөрмөц хадгаламжийн савын нэр оруулна уу.
   • Бүс: Таны хамгийн ойрхон бүсийг сонгоно уу.
   • Бусад сонголтуудыг анхдагчаар үлдээгээд “Хадгаламжийн сав үүсгэх” дээр дарна уу.

Алхам 3: Хадгаламжийн савыг тохируулах

1. Зөвшөөрөл тохируулах:
   • Шинээр үүсгэсэн хадгаламжийн савыг олоод, дотор нь орно уу.
   • “Зөвшөөрөл” таб руу очиж, “Савны бодлого” дээр дарна уу.
   • Бодлогын редакторт доорх бодлогыг нэмнэ үү, таны вэбсайтыг олон нийтэд нээлттэй болгохын тулд:

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

Анхаар: my-static-website-12345-г өөрийн хадгаламжийн савын нэрээр солих хэрэгтэй.

2. Статик вэбсайтын хостингийг идэвхжүүлэх:
   • Хадгаламжийн савын үндсэн хуудсанд буцаж очиж, “Шинж чанар” таб руу дарна уу.
   • “Статик вэбсайтын хостинг” хэсгийг олж, “Засах” дээр дарна уу.
   • “Энэ хадгаламжийн савыг вэбсайт хостинг хийхэд ашиглах” сонгоно уу.
   • “Индексийн баримт” хэсэгт index.html оруулж, “Өөрчлөлтийг хадгалах” дээр дарна уу.

Алхам 4: Файлуудыг ачаалах

1. Хадгаламжийн савын үндсэн хуудсанд “Ачуулах” дээр дарна уу.
2. index.html болон бусад статик нөөц файлууд (жишээ нь, CSS файлууд, зураг) ачаалах хэсэгт чирж тавина уу.
3. Бүх файлууд ачаалагдсан эсэхийг шалгаарай.

Алхам 5: Таны вэбсайтыг нэвтрэх

1. Хадгаламжийн савын “Шинж чанар” таб руу буцаж очиж, “Статик вэбсайтын хостинг” хэсгийг дахин шалгаарай, та http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/ гэх мэт URL-ийг харах болно.
2. Энэ холбоосыг хуулж, браузер дээр нээгээд, таны статик вэбсайт онлайн болсон байна!

Зөвлөмж ба шилдэг практик

• Үнэгүй хязгаараас хэтрэхээс зайлсхийх: AWS S3 үнэгүй хэрэглээний давхарга байдаг, гэхдээ та хязгаарлалтыг дагаж мөрдөхийг шалгаарай, ингэснээр зардал гарахгүй.
• Хувилбарын хяналт ашиглах: Git зэрэг хувилбарын хяналтын хэрэгслийг ашиглан вэбсайтын файлуудаа удирдаж, хөгжлийн үр ашгийг нэмэгдүүлэхийг бодоорой.
• Нөөцүүдийг оновчтой болгох: Зургийг шахаж, CSS/JavaScript файлуудыг хамгийн бага хэмжээгээр багасгаж, вэбсайтын ачааллын хурдыг нэмэгдүүлнэ.
• Аюулгүй байдлын тохиргоог тогтмол шалгах: Хадгаламжийн савын зөвшөөрлийг тогтмол хянаж, таны нөөцүүдийг зөвшөөрөлгүй хандалтаас хамгаалж байхыг шалгаарай.

Дүгнэлт

AWS S3 нь статик вэбсайтыг хостлох хялбар, эдийн засгийн хувьд ашигтай арга юм. Энэ гарын авлагаар та AWS дээр анхны статик вэбсайтаа хэрхэн үүсгэх, тохируулах, нийтлэх үндсэн алхмуудыг сурсан байна. Технологийн хөгжилтэй хамт, та вэбсайтын функцийг аажмаар өргөжүүлж, үүлэн тооцоолол, вэбсайт хөгжүүлэлтийн талаар илүү ихийг сурах боломжтой. Таны үүлэн тооцооллын аялалд тавтай морил!