Page 105 - การโปรแกรมเว็บ
P. 105
เอพีไอบนเวบ็ 12-93
ภาพที่ 12.81 แสดงผลเมอ่ื ทำ� การลอ็ กอนิ สำ� เรจ็ หนา้ เพจจากเดมิ ทม่ี ปี มุ่ ลอ็ กอนิ อยจู่ ะเปลย่ี น
เปน็ ปมุ่ ลอ็ กเอาทท์ ันทตี ามเง่อื นไขทไี่ ด้เลอื กในขน้ั ตอนสรา้ งโคด้ จากเฟซบกุ๊
data-auto-logout-link="true" คือค�ำส่ังท่ีท�ำให้แสดงปุ่มล็อกเอาท์ขึ้นเม่ือท�ำการล็อกอิน
ส�ำเร็จ
12) ในกรณที เ่ี ครอ่ื งผใู้ ชง้ านเขา้ มาทหี่ นา้ เวบ็ โดยทไี่ มไ่ ดท้ ำ� การลอ็ กอนิ กบั เฟซบกุ๊ ไวก้ อ่ นหนา้
เมอื่ ผใู้ ชง้ านคลกิ ปมุ่ ลอ็ กอนิ ดว้ ยบญั ชเี ฟซบกุ๊ ทห่ี นา้ เวบ็ ไซต์ (index.jsp) จะปรากฏผลลพั ธห์ นา้ จอดงั ภาพ
ท่ี 12.82
ภาพที่ 12.82 หน้าจอที่ให้ผู้ใช้งานกรอกข้อมูลเพื่อท�ำการล็อกอิน
ภาพท่ี 12.82 แสดงหน้าจอที่ให้ผู้ใช้งานกรอกข้อมูลเพื่อท�ำการล็อกอินเข้าสู่หน้าเว็บไซต์ท่ี
พฒั นาด้วยบญั ชเี ฟซบกุ๊ เม่ือกรอกขอ้ มลู อีเมลหรือเบอรโ์ ทรศพั ทท์ ีใ่ ชก้ ับบญั ชเี ฟซบกุ๊ และรหัสเฟซบุ๊กของ
ผู้ใช้งาน และคลิกปุ่มล็อกอิน เอพีไอล็อกอินฝั่งเฟซบุ๊กจะท�ำการตรวจสอบข้อมูลพร้อมส่งสถานะล็อกอิน
หากล็อกอินผ่านเรียบร้อยการแสดงปุ่มจะเปลี่ยนเป็นปุ่มล็อกเอาท์ ซ่ึงเป็นผลลัพธ์เดียวกับภาพที่ 12.81
เมอ่ื ทำ� การล็อกอนิ สำ� เร็จ
13) ลำ� ดบั ตอ่ ไปเปน็ การสรา้ งหนา้ เพจเพอ่ื ท�ำการรอ้ งขอขอ้ มลู ผใู้ ชง้ านเมอื่ ลอ็ กอนิ ส�ำเรจ็ เชน่
ชื่อ อีเมล เพศ ซ่ึงเป็นข้อมูลท่ีรีไดเรคกลับมาจากล็อกอินเอพีไอของเฟซบุ๊กน่ันเอง โดยให้คลิกขวาท่ี
โปรเจคโฟลเดอรเ์ พ่ือทำ� การสรา้ ง JSP ไฟล์ข้นึ มา ดังภาพท่ี 12.83
