การโฮสต์เว็บไซต์แบบคงที่ด้วย AWS S3



บทความนี้จะช่วยทำความเข้าใจเกี่ยวกับการโฮสต์เว็บไซต์แบบคงที่ด้วย AWS S3 พร้อมด้วยวิธีใช้การสาธิตที่ใช้ได้จริงเพื่อสนับสนุนคำอธิบายทางทฤษฎี

ด้วยโทรศัพท์มือถือที่ทรงพลังที่เพิ่มขึ้นใช้เวลาเพียงไม่กี่วินาทีในการถ่ายภาพและแบ่งปันกับผู้อื่นโดยใช้เว็บไซต์โซเชียลมีเดียเช่น Facebook, LinkedIn เป็นต้นคงจะดีไม่น้อยหากเราสามารถมีเว็บไซต์ของเราเองเพื่อแบ่งปันประสบการณ์ของเราด้วย ครอบครัวและคนรู้จัก AWS มีวิธีสร้างและโฮสต์เว็บไซต์ของเราเอง ในบทความนี้เราจะเรียนรู้เกี่ยวกับการโฮสต์เว็บไซต์แบบคงที่ AWS S3

คำแนะนำต่อไปนี้จะกล่าวถึงในบทความนี้





ให้เราเริ่มต้นจากนั้น

แนวทางต่างๆในการสร้างเว็บไซต์ด้วย AWS

ด้วย AWS เราสามารถใช้วิธีการต่อไปนี้เพื่อสร้างเว็บไซต์ขึ้นอยู่กับข้อกำหนด



AWS Lightsail

มีไว้สำหรับการใช้งานโฮสติ้งเว็บไซต์แบบง่ายๆโดยใช้ WordPress, Joomla, Moodle และอื่น ๆ Lightsail ช่วยให้สร้างเว็บไซต์ได้ง่ายโดยไม่ต้องตระหนักถึงบริการต่างๆของ AWS เช่น EC2, S3, RDS เป็นต้น

AWS Amplify

ช่วยให้คุณสร้างแอปพลิเคชั่นหน้าเดียว (SPAs) SPA จะดาวน์โหลดเพจหนึ่งครั้งและเปลี่ยนแปลงแบบไดนามิกเมื่อผู้ใช้โต้ตอบกับแอพพลิเคชั่นโดยไม่ต้องโหลดเพจซ้ำแล้วซ้ำอีก

เรียนรู้ ssis ทีละขั้นตอน

AWS S3

สำหรับการโฮสต์เว็บไซต์แบบคงที่แบบเรียบง่ายพร้อมเสียงวิดีโอรูปภาพ S3 มีโมเดล Serverless โดยที่ผู้ใช้ไม่จำเป็นต้องคิดถึงเซิร์ฟเวอร์และการจัดเตรียมทรัพยากร ผู้ให้บริการระบบคลาวด์จะปรับขนาดทรัพยากรโดยอัตโนมัติตามความต้องการ ในบทความนี้เราจะสำรวจวิธี S3 ในการสร้างเว็บไซต์แบบคงที่อย่างง่าย



การเปิดเซิร์ฟเวอร์เสมือน

วิธีสุดท้ายหากจะเปิดเซิร์ฟเวอร์เสมือนในคลาวด์ ( AWS EC2 ) จากนั้นติดตั้งซอฟต์แวร์ที่จำเป็นและจัดการด้วยตนเอง แนวทางนี้ใช้โดยองค์กรที่มีข้อกำหนดที่ซับซ้อนและมีปริมาณการใช้งานเพิ่มขึ้น ด้วยแนวทางนี้ภาระมากมายจึงตกอยู่กับผู้ใช้ในการสร้างเว็บไซต์ ผู้ใช้ต้องเป็นผู้เชี่ยวชาญในบริการ AWS เช่น EC2, RDS, Route53, EBS เป็นต้น

ด้วยแต่ละวิธีเหล่านี้ มีการแลกเปลี่ยนระหว่างความยืดหยุ่นและความสะดวกในการใช้งาน Lightsail ใช้งานง่าย แต่ค่อนข้างเข้มงวดกับสิ่งที่ทำได้และไม่สามารถทำได้ อีกด้านหนึ่ง EC2 ให้ความยืดหยุ่นกับเซิร์ฟเวอร์ประเภทต่างๆการปรับขนาดอัตโนมัติและอื่น ๆ แต่การตั้งค่าค่อนข้างยากสำหรับผู้ที่เพิ่งเริ่มใช้ AWS

มาดูกันว่าเราจะใช้ S3 เพื่อบรรลุเป้าหมายได้อย่างไร

การสร้างและโฮสต์เว็บไซต์แบบคงที่ด้วย AWS S3

S3 เป็นหนึ่งในบริการที่เก่าแก่ที่สุดและเป็นที่นิยมมากที่สุดโดย AWS ซึ่งมีความพร้อมใช้งานความทนทานความปลอดภัยและความสามารถในการปรับขนาดได้สูง S3 สามารถใช้ในการจัดเก็บข้อมูลสำรองของฐานข้อมูล Big Data Analytics สื่อและอื่น ๆ อีกมากมาย มันมีกลไกการจัดเก็บอ็อบเจ็กต์ที่มีนามธรรมของ Buckets โฟลเดอร์และไฟล์ สิ่งที่เป็นนามธรรมคือสิ่งที่ทำให้ S3 ใช้งานได้ง่าย

ด้วย S3 (กลไกการจัดเก็บข้อมูล) ไม่จำเป็นต้องดำเนินการวางแผนความจุและระบุความจุเริ่มต้น เมื่อเราใส่ข้อมูลและลบข้อมูลมากขึ้น S3 จะย่อขนาดและขยายโดยอัตโนมัติ S3 มีคลาสพื้นที่เก็บข้อมูลที่แตกต่างกันเพื่อจัดเก็บข้อมูลประเภทต่างๆ (เก่า / ใหม่เข้าถึงบ่อย / ไม่บ่อย) และข้อมูลสามารถย้ายจากคลาสพื้นที่เก็บข้อมูลหนึ่งไปยังอีกคลาสหนึ่งโดยใช้ S3 Object Life Cycle Management หรือใช้ AWS S3 Intelligent Tiering เพื่อให้ AWS ตัดสินใจว่าเมื่อใดที่จะย้ายข้อมูลจากคลาสพื้นที่เก็บข้อมูลไปยังคลาสอื่น AWS CloudFront ซึ่งเป็น CDN (Content Distribution Network) สามารถเลือกใช้เพื่อทำให้เว็บไซต์โหลดเร็วขึ้นสำหรับผู้ใช้ปลายทาง

S3 กับ ชั้นฟรี ให้พื้นที่เก็บข้อมูล 5GB คำขอรับ 20,000 รายการคำขอใส่ 2,000 รายการฟรีทุกเดือนในปีแรกและอื่น ๆ ในรูปแบบการจ่ายเมื่อใช้งาน ในบทความนี้เราจะสร้างเว็บไซต์แบบคงที่บน S3

การสาธิต: การโฮสต์เว็บไซต์แบบคงที่ด้วย AWS S3

ขั้นตอนที่ 1: การสร้าง Bucket ใน S3

ขั้นตอนที่ 1.1: ไปที่ไฟล์ คอนโซลการจัดการ S3 และคลิกที่“ สร้างที่เก็บข้อมูล”

การสาธิต - การโฮสต์เว็บไซต์แบบคงที่ด้วย AWS S3 - Edureka

ขั้นตอนที่ 1.2: ป้อนชื่อที่เก็บข้อมูล โปรดทราบว่าชื่อที่เก็บข้อมูลควรไม่ซ้ำกัน เพิ่มบางอย่างต่อท้ายเพื่อรับชื่อที่เก็บข้อมูลเฉพาะ เลือกภูมิภาคที่จะต้องจัดเก็บข้อมูล คลิกที่สร้างและควรสร้างถังดังที่แสดงด้านล่าง Bucket คือคอนเทนเนอร์สำหรับจัดเก็บโฟลเดอร์และไฟล์

ขั้นตอนที่ 2: ให้สิทธิ์สาธารณะแก่ S3 Bucket

ขั้นตอนที่ 2.1: โฟลเดอร์ / ไฟล์ใด ๆ ในที่เก็บข้อมูลจะปรากฏเฉพาะกับเจ้าของที่สร้าง สำหรับเว็บไซต์ Bucket ควรได้รับการเข้าถึงแบบสาธารณะสำหรับส่วนที่เหลือของโลกในการเข้าถึงเป็นหน้าเว็บ คลิกที่แท็บคุณสมบัติตรวจสอบให้แน่ใจว่าได้เลือก 'บล็อกการเข้าถึงสาธารณะ' แล้วคลิกที่ปุ่มแก้ไข ยกเลิกการเลือก“ ปิดกั้นการเข้าถึงสาธารณะทั้งหมด” แล้วคลิกบันทึก พิมพ์คำว่ายืนยันและคลิกที่ปุ่ม 'ยืนยัน'

ขั้นตอนนี้ไม่ได้ให้สิทธิ์แบบสาธารณะใน S3 Bucket แต่จะทำให้เราสามารถทำให้ Bucket และเนื้อหาเป็นแบบสาธารณะได้ในขั้นตอนถัดไป AWS ได้แนะนำขั้นตอนและห่วงเพิ่มเติมเหล่านี้เนื่องจากมีเหตุการณ์จำนวนมากที่มีการใส่ข้อมูลที่ละเอียดอ่อนลงในถัง S3 และไม่มีการตั้งค่าที่เหมาะสมจึงเปิดเผยต่อสาธารณะเพื่อให้ทุกคนเข้าถึงข้อมูลที่ละเอียดอ่อนได้

ส่งผ่านค่าผ่านจาวาอ้างอิง

ขั้นตอนที่ 2.2: ตอนนี้เป็นเวลาที่จะทำให้ Bucket เป็นสาธารณะ คลิกที่ 'นโยบายที่เก็บข้อมูล' และป้อนนโยบายด้านล่างตรวจสอบให้แน่ใจว่าได้เปลี่ยนชื่อที่เก็บข้อมูลเป็นสิ่งที่สร้างในขั้นตอนที่ 1 คลิกที่บันทึกเพื่อทำให้ถังเป็นแบบสาธารณะ โปรดทราบว่า AWS จะแจ้งให้เราทราบถึงสามครั้งว่า Bucket ถูกเปิดเผยต่อสาธารณะเพียงเพื่อให้แน่ใจว่าเราจะไม่เปิดเผยต่อสาธารณะโดยไม่ได้ตั้งใจ

{'Version': '2012-10-17', 'Statement': [{'Sid': 'PublicReadGetObject', 'Effect': 'Allow', 'Principal': '*', 'Action': ['s3 : GetObject '],' ทรัพยากร ': [' arn: aws: s3 ::: my-pictures-website / * ']}]}

ขั้นตอนที่ 3: เปิดใช้งานการโฮสต์เว็บไซต์แบบคงที่และอัปโหลดเว็บไซต์ไปยัง S3

ขั้นตอนที่ 3.1: ถึงเวลาเปิดใช้งาน“ การโฮสต์เว็บไซต์แบบคงที่” สำหรับ S3 สังเกตว่าโดยค่าเริ่มต้นจะถูกปิดใช้งาน คลิกที่การ์ดแล้วเลือก“ ใช้ถังนี้เพื่อโฮสต์เว็บไซต์” ป้อนเอกสาร Index เป็น index.html และเอกสาร Error เป็น error.html อย่าลืมจดจุดสิ้นสุดนี่คือ URL ที่ใช้ในการเข้าถึงเว็บไซต์ S3 คลิกที่บันทึก

โปรดทราบว่าตอนนี้ 'การโฮสต์เว็บไซต์แบบคงที่' จะถูกเปิดใช้งาน เอกสารดัชนีเป็น HTML เริ่มต้นที่จะแสดงและเอกสารข้อผิดพลาดคือ HTML ที่จะแสดงเมื่อหน้า HTML ที่เราพยายามเข้าถึงไม่มีใน S3

ขั้นตอนที่ 3.2: ถึงเวลาอัปโหลด index.html และ error.html ไปที่แท็บภาพรวมแล้วคลิกอัปโหลด คลิกที่ 'เพิ่มไฟล์' แล้วอัปโหลด ต้องทำขั้นตอนเดียวกันซ้ำสำหรับหน้า index.html และ error.html

นี่คือเนื้อหาของ index.html และ error.html ที่นี่หน้าเว็บเป็นหน้าเว็บที่เรียบง่าย แต่อาจซับซ้อนได้ตราบเท่าที่เรายึดติดกับ HTML และ JavaScript JavaScript ถูกเรียกใช้งานในเบราว์เซอร์ ไม่มีการเรียกใช้โค้ดฝั่งเซิร์ฟเวอร์ด้วยการโฮสต์เว็บไซต์ S3

index.html ยินดีต้อนรับสู่ AWS Training จาก Edureka error.html อ๊ะ! ไม่อยู่ที่นี่.

ขั้นตอนที่ 4: เข้าถึงหน้าเว็บที่โฮสต์ใน S3

string to date ใน java

ขั้นตอนที่ 4.1: เปิด URL ที่ได้รับจาก“ ขั้นตอนที่ 5” เพื่อรับ index.html ที่แสดง ไปที่ส่วนท้ายของ URL ข้าง index.html และหน้าข้อผิดพลาดจะปรากฏขึ้น URL ไม่เป็นมิตรกับผู้ใช้สามารถสร้าง URL ที่ใช้งานง่ายโดยใช้ เส้นทาง AWS 53 .

ในบทช่วยสอนนี้เราได้ดูตัวเลือกต่างๆสำหรับการตั้งค่าเว็บไซต์โดยใช้ AWS และสำรวจรายละเอียดเกี่ยวกับการใช้ AWS S3 ในการสร้างเว็บไซต์ อย่างที่เห็น S3 เป็นหนึ่งในวิธีที่ง่ายที่สุดในการสร้างเว็บไซต์แบบคงที่ ด้วย S3 ไม่จำเป็นต้องทำการวางแผนกำลังการผลิตเนื่องจาก S3 จะปรับสเกลขึ้นและลงโดยอัตโนมัติไม่ต้องกังวลเกี่ยวกับความพร้อมใช้งานสูงเนื่องจาก S3 ให้ความพร้อมใช้งาน 99.99% ในปีที่กำหนด

หากคุณพบว่าบทความนี้มีประโยชน์คุณสามารถดูหลักสูตรสดและนำโดยผู้สอนของ Edureka ได้ใน ร่วมสร้างโดยผู้ปฏิบัติงานในอุตสาหกรรม

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบทช่วยสอน AWS EC2 นี้แล้วเราจะติดต่อกลับไป