การเผยแพร่ Lightsail Bucket (เผยแพร่เว็บไซต์แบบ Static)
สวัสดีครับ POP จากบริษัท Classmethod (Thailand) ครับ
ครั้งนี้จะมาแนะนำการเผยแพร่ Lightsail Bucket (เผยแพร่เว็บไซต์แบบ Static)
การสร้าง Bucket (Object Storage)
คลิกแท็บ Home ด้านบนซ้าย เลือกแท็บ Storage และคลิก Create bucket
เมื่อเข้ามาที่หน้า "+ Create a new bucket" ให้ตั้งค่าดังนี้
Bucket location
» Select a Region: Singapore
Choose your storage plan
» Storage plan: 5 GB $1 USD [Storage 5 GB/Transfer 25 GB] (ฟรี 12 เดือนแรก)
Identify your bucket
» Bucket name: tinnakorn-bucket
เมื่อป้อน Bucket name แล้วจะได้ Domain: [bucket-name].s3.ap-southeast-1.amazonaws.com แบบนี้
» แล้วคลิก Create bucket ด้านล่างสุด
เมื่อสร้างเสร็จแล้วจะแสดงหน้าจอแบบนี้
การอัปโหลดไฟล์
ก่อนอื่นให้เตรียมไฟล์ที่จะอัปโหลด ครั้งนี้จะใช้ไฟล์ประเภท HTML ที่ชื่อว่า test.html โดยใส่โค้ดตามด้านล่างนี้
<html><body>test</body></html>
เมื่อเตรียมไฟล์เสร็จแล้ว กลับมาที่หน้า Bucket ของเราอีกครั้ง
เลือกแท็บ Objects แล้วอัปโหลดไฟล์โดยคลิก Upload แล้วเลือก File ใน Object list
หรือคลิกที่ไฟล์ค้างไว้แล้วลากมาวางใน Object list ตามรูปภาพก็ได้
เมื่ออัปโหลดไฟล์เสร็จแล้วจะแสดงหน้าจอแบบนี้ โดยมีไฟล์ "test.html" แสดงอยู่ใน Object list
การตั้งค่า Permissions
ต่อไปเราจะมาทำการตั้งค่า Permissions ให้เป็นแบบสาธารณะ (read-only) ให้ผู้ที่ต้องการเข้าชมทุกคนเข้าถึงได้
เลือกแท็บ Permissions แล้วคลิก Change permissions
เลือก All objects are public and read-only แล้วคลิก Save ✅
ติ๊ก ✅ I understand the effects of this change. แล้วคลิก Yes, save
เมื่อตั้งค่า Permission เสร็จแล้วจะแสดงหน้าจอแบบนี้
แล้วให้ดูที่ Domain: [bucket-name].s3.ap-southeast-1.amazonaws.com ให้คัดลอก Domain นี้เตรียมไว้ เพราะเราจะใช้ Domain นี้ทดสอบการเข้าถึงในขั้นตอนถัดไป
การทดสอบเชื่อมต่อจาก Browser
เราจะมาทดสอบเชื่อมต่อ Domain จาก Browser โดยแสดงผลเนื้อหาไฟล์ "test.html" ใน Bucket ผ่านเว็บเบราว์เซอร์กัน
เปิด Domain ตามด้านล่างนี้ในเว็บเบราว์เซอร์ที่เราใช้งาน
・Domain: ได้มาจากการสร้าง Bucket
・test.html: ไฟล์ที่อัปโหลดลง Object list ใน Bucket ของเรา
https://[bucket-name].s3.ap-southeast-1.amazonaws.com/test.html
ถ้าแสดงหน้าจอแบบนี้ถือว่าเราสามารถเผยแพร่เว็บไซต์แบบ Static ด้วยไฟล์ "test.html" ผ่านเว็บเบราว์เซอร์ได้สำเร็จ
สรุป
จากการสาธิตวิธีการเผยแพร่เว็บไซต์แบบ Static ของ Lightsail สามารถทำได้ง่ายมากๆ เพียงแค่สร้าง Bucket แล้วอัปโหลดไฟล์ HTML ลง Bucket ที่สร้าง แล้วตั้งค่า Permissions ตามที่เราต้องการ ก็จะทำให้เราสามารถเผยแพร่เนื้อหาที่เราต้องการได้อย่างง่ายดาย นอกจากนี้ราคาก็ถูกมากๆ และยังใช้งานฟรี 12 เดือนแรกอีกด้วย ! แนะนำให้ลองใช้ดูนะครับ
ผมหวังว่าบทความนี้จะเป็นประโยชน์ให้กับผู้อ่านได้นะครับ
POP จากบริษัท Classmethod (Thailand) ครับ !
