AWS S3-те тегін статикалық веб-сайтты қалай орналастыруға болады: Жаңадан бастаушыларға арналған нұсқаулық

Бұлттық есептеулердің таралуы веб-сайттарды орналастыруды жеңілдетті, әсіресе жаңадан бастаушылар үшін. Бұл нұсқаулық сізге Amazon Web Services (AWS) Simple Storage Service (S3) платформасында тегін статикалық веб-сайтты қалай орналастыруды үйретеді. Келесі қадамдар арқылы сіз өзіңіздің жеке веб-сайтыңызды құрып, іске қосып, бұлттық есептеудің күшін және ыңғайлылығын сезінесіз.

Бірінші қадам: Дайындық

Орналастыруды бастамас бұрын, төмендегі дайындықтарды жасауды қамтамасыз етіңіз:

1. AWS есептік жазбасы: AWS ресми сайтына кіріп, AWS есептік жазбасын тіркеңіз.
2. Негізгі HTML/CSS білімі: Негізгі веб-бет жасау туралы білімдеріңізді біліп, қарапайым статикалық веб-бетті дайындаңыз. Сіз төмендегі қарапайым шаблонды пайдалана аласыз:

    Менің статикалық веб-сайтым


# Менің статикалық веб-сайтыма қош келдіңіз!

    Бұл менің бірінші статикалық веб-бетім.

Жоғарыдағы кодты index.html файлы ретінде сақтап, басқа қажетті статикалық ресурстарды (мысалы, суреттер, CSS файлдары және т.б.) дайындаңыз.

Екінші қадам: S3 сақтау шелек жасау

1. AWS басқару консоліне кіріп, "S3" қызметін іздеңіз және таңдаңыз.
2. "Сақтау шелек жасау" батырмасын басыңыз.
3. Пайда болған терезеде:
   • Шелек атауы: Бірегей шелек атауын енгізіңіз, мысалы, my-static-website-12345.
   • Аймақ: Сізге ең жақын аймақты таңдаңыз.
   • Басқа параметрлерді әдепкі параметрлер ретінде қалдырып, "Шелек жасау" батырмасын басыңыз.

Үшінші қадам: Шелекті конфигурациялау

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 енгізіп, "Өзгерістерді сақтау" батырмасын басыңыз.

Төртінші қадам: Файлдарды жүктеу

1. Шелектің басты бетінде "Жүктеу" батырмасын басыңыз.
2. index.html және басқа статикалық ресурстар файлдарын (мысалы, CSS файлдары, суреттер) жүктеу аймағына сүйреңіз.
3. Барлық файлдардың жүктелгеніне көз жеткізіңіз.

Бесінші қадам: Веб-сайтыңызға кіру

1. Шелектің "Атрибуттар" қойындысына оралып, "Статикалық веб-сайтты орналастыру" бөлімін қайтадан қараңыз, сіз http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/ сияқты URL көресіз.
2. Бұл сілтемені көшіріп, браузерде ашыңыз, сіздің статикалық веб-сайтыңыз іске қосылғанын көресіз!

Кеңестер мен үздік тәжірибелер

• Тегін лимиттен асып кетуден аулақ болыңыз: AWS S3 тегін пайдалану деңгейіне ие, бірақ шығындарды болдырмау үшін пайдалану шектеулерін сақтаңыз.
• Нұсқаларды басқаруды пайдаланыңыз: Веб-сайт файлдарыңызды басқару үшін Git сияқты нұсқаларды басқару құралдарын пайдалануды қарастырыңыз, бұл әзірлеу тиімділігін арттырады.
• Ресурстарды оңтайландырыңыз: Веб-сайттың жүктелу жылдамдығын арттыру үшін суреттерді сығымдап, CSS/JavaScript файлдарын минималдаңыз.
• Қауіпсіздік параметрлерін тұрақты тексеріңіз: Шелек рұқсаттарын тұрақты тексеріп, ресурстарыңыздың рұқсатсыз қолжетімділігін қамтамасыз етіңіз.

Қорытынды

AWS S3 статикалық веб-сайттарды орналастыру үшін ыңғайлы және экономикалық тиімді әдіс ұсынады. Бұл нұсқаулық арқылы сіз AWS-те өзіңіздің бірінші статикалық веб-сайтыңызды құру, конфигурациялау және жариялау үшін негізгі қадамдарды үйрендіңіз. Технологиялардың дамуы барысында сіз веб-сайтыңыздың функционалын біртіндеп кеңейтіп, бұлттық есептеу мен веб-сайт әзірлеу туралы көбірек білім ала аласыз. Сіздің бұлттық есептеу саяхатыңызды бастауға қош келдіңіз!