ในโมดูลนี้ คุณจะใช้ Amazon API Gateway เพื่อแสดงฟังก์ชัน Lambda ที่คุณสร้างไว้ในโมดูลที่แล้วเป็น RESTful API API จะสามารถเข้าถึงได้จากอินเทอร์เน็ตสาธารณะ ซึ่งจะได้รับการรักษาความปลอดภัยโดยใช้พูลผู้ใช้ของ Amazon Cognito ที่คุณสร้างไว้ในโมดูลที่แล้ว จากนั้น คุณจะเปลี่ยนเว็บไซต์ที่ได้รับการโฮสต์แบบสแตติกไปเป็นเว็บแอปพลิเคชันแบบไดนามิกโดยการเพิ่ม JavaScript ฝั่งไคลเอนต์ที่ทำให้ AJAX เรียกใช้ API ที่แสดงให้เห็น โดยใช้การกำหนดค่านี้

แผงผังข้างบนแสดงให้เห็นว่าส่วนประกอบของ API Gateway ที่คุณจะสร้างในโมดูลนี้ผสานรวมกับส่วนประกอบที่มีอยู่เดิมที่คุณสร้างไว้ก่อนหน้านี้ได้อย่างไร รายการที่ไฮไลต์เป็นสีเทาคือชิ้นส่วนที่คุณได้นำไปใช้งานแล้วในขั้นตอนก่อนๆ
เว็บไซต์แบบสแตติกที่คุณติดตั้งใช้จริงในโมดูลแรกได้กำหนดค่าหน้าไว้แล้วเพื่อโต้ตอบกับ API ที่คุณจะสร้างในโมดูลนี้ หน้าที่อยู่ตรง /ride.html มีอินเทอร์เฟซที่อิงกับแผนที่ซึ่งใช้งานง่ายสำหรับการขอรถยูนิคอร์น หลังจากที่รับรองความถูกต้องโดยใช้หน้า /signin.html แล้ว ผู้ใช้ของคุณจะสามารถเลือกตำแหน่งที่ตั้งที่จะเดินทางไปรับโดยการคลิกจุดบนแผนที่ แล้วขอรถโดยการเลือกปุ่ม "ขอยูนิคอร์น" ที่อยู่ตรงมุมขวาบน
โมดูลนี้จะมุ่งเน้นไปที่ขั้นตอนต่างๆ ที่จำเป็นในการสร้างส่วนประกอบระบบคลาวด์ของ API แต่หากคุณสนใจอยากจะทราบว่าโค้ดของเบราว์เซอร์ที่เรียกใช้ API ทำงานอย่างไร คุณสามารถตรวจสอบได้จากไฟล์ ride.js ของเว็บไซต์ ในกรณีนี้ แอปพลิเคชันจะใช้วิธีการ AJAX() ของ jQuery เพื่อสร้างคำขอจากระยะไกล
ระยะเวลาที่ใช้ในการศึกษาโมดูล: 15 นาที
บริการที่ใช้: Amazon API Gateway และ AWS Lambda
ทำตามคำแนะนำทีละขั้นตอนด้านล่างนี้เพื่อสร้าง REST API ของคุณ คลิกหมายเลขขั้นตอนแต่ละหมายเลขเพื่อขยายส่วนนั้น