Static Web Hosting แบบ Serverless ด้วย AWS Amplify (ง่ายมากๆ)

Deploy เว็บไซต์ง่ายๆ ไม่ต้องผ่าน EC2 ด้วย AWS Amplify

#AWS Amplify

#Classmethod Thailand

#AWS

#Thai Language

#AWS Serverless

Supanut Akaram

2024.07.17

เนื่องในโอกาสที่ AWS Amplify ทำการเปลี่ยน UI ใหม่
ผมเลยอยากจะมาแนะนำ Service นี้ที่ใช้ในการ Deploy Website ของเราโดยที่เราไม่ต้องทำการ Management ฝั่ง Server เลย(Serverless) และมีการใช้งานที่ง่ายมากๆ แค่ไม่กี่คลิกเราก็มีเว็บไซต์เป็นของตัวเองแล้ว

ลงมือทำ

ก่อนอื่นให้เราทำการเปิด AWS Amplify Console
แล้วคลิก Create new app

amp1

จะเห็นว่าเราสามารถเริ่ม Deploy your app ได้จากหลากหลายตัวเลือก
แต่สำหรับบทความนี้เราจะเลือกตัวเลือกที่ง่ายที่สุด คือเราจะทำการอัพโหลดไฟล์ โดยตรงกับ AWS Amplify ครับ

คลิก Deploy without Git
คลิก Next

amp2

หากเรามีไฟล์เว็บไซต์ของเราที่ Zip อยู่แล้ว สามารถอัพโหลดได้เลย
แต่ถ้าใครยังไม่มีลองสร้างไฟล์ html แล้วใส่ตัวอย่างโค้ดตามด้านล่าง หากต้องการอยากทำตามได้

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple HTML Page</title>
</head>
<body>
    <h1>Welcome to My Simple HTML Page</h1>
    <p>This is a basic HTML file with minimal content.</p>
</body>
</html>

ทำการ Save เป็นชื่อ index.html
ทำการ Zip file แล้วทำการอัพโหลด
คลิก Save and deploy

amp3

เมื่อขึ้นสถานะ Deployed แล้ว ให้เราทำการกดลิ้งค์

amp4

จะได้เว็บไซต์ของเราแล้ว เย่!

amp5

วิธีการลบ Resource

เราสามารถลบ Resource ที่เราสร้างขึ้นมาได้โดยการ

คลิก App settings ในแถบด้านซ้าย
คลิก General settings ในแถบด้านซ้าย
กดปุ่ม Delete app
amp6
จากนั้นพิมพ์ delete
แล้วกด Delete app
amp7
เป็นอันเสร็จสิ้นครับ