Page 117 - การโปรแกรมเว็บ
P. 117
เอพไี อบนเว็บ 12-105
ค�ำอธิบาย
บรรทัดท่ี 9-11 ค�ำส่ัง import sdk ของเฟซบุ๊ก โดยมีพารามิเตอร์ เวอร์ชัน,
app id ท่ีได้จากการสร้างแอปพลิเคชันในเฟซบุ๊กดีเวลอปเปอร์ และก�ำหนด autoLogAppEvents
เป็น 1
บรรทัดที่ 19-23 ฟังกช์ ัน checkLoginState(); ทำ� การเรยี กใชเ้ ฟซบกุ๊ เอพไี อ
FB.getLoginStatus เพ่ือรับทราบสถานะของการล็อกอิน และจากนั้นท�ำการเรียกใช้ statusChange
Callback(response) เพ่อื ตรวจสอบสถานะจาก response ทีไ่ ดร้ บั จากเฟซบกุ๊
บรรทดั ที่ 26-46 ฟงั กช์ นั statusChangeCallback (response); ทำ� หนา้ ทตี่ รวจ
สอบสถานะการเชือ่ มตอ่ การล็อกอนิ ดว้ ยบัญชเี ฟซบ๊กุ หากเช่อื มต่อแลว้ จะท�ำการส่งค่า response พร้อม
ขอ้ มูลโทเคน (access token) ท่ีใช้เพื่อตรวจสอบการล็อกอิน โดยข้อมูลโทเคนน้จี ะถูกส่งผ่าน URL เมื่อ
ส่งการร้องขอต่อไปทห่ี นา้ loginController.jsp
บรรทัดที่ 53 ค�ำส่ังใช้ปุ่มล็อกอินของเฟซบุ๊ก ระบุขนาดใหญ่ ประเภทปุ่มท่ี
ตอ้ งการใชง้ าน คอื login_with
บรรทัดที่ 54-55 กำ� หนดใหแ้ สดงปมุ่ ลอ็ กเอาทเ์ มือ่ ล็อกอินสำ� เรจ็ และแสดงปุม่
Continue as หากทเ่ี บราวเ์ ซอรม์ ีการลอ็ กอนิ กบั เฟซบุ๊กคา้ งไว้อยู่ แล้วก�ำหนดเหตุการณเ์ มอ่ื มกี ารคลิกที่
ปุ่มลอ็ กอินใหเ้ รยี กใชง้ านฟังก์ชัน checkLoginState();
เมอื่ เขยี นโคด้ ใน index.jsp เสรจ็ เรยี บรอ้ ยแลว้ ขนั้ ตอ่ ไปคอื การโคด้ loginCon-
troller.jsp
16.2) loginController.jsp หน้าท่ีหลกั ของ loginController.jsp คอื ส่งคำ� ขอขอ้ มลู
โทเคนพารามิเตอร์ไปฝ่ังเอพีไอลอ็ กอินของเฟซบ๊กุ โดยมคี ลาสกลาง Get_User_Details.java ท�ำหน้าท่ี
ดึงข้อมูลรายละเอียดของผู้ท่ีล็อกอินจากเอพีไอ และเอาข้อมูลผู้ล็อกอินจากเอพีไอมาแสดงโดยมีคลาส
User_Profile.java ท�ำหน้าที่เก็บและส่งข้อมูลรายละเอียดของผู้ล็อกอินท่ีได้มาให้ใช้งาน คลาส login-
Controller.jsp เปน็ การแสดงผลลพั ธข์ อ้ มลู ของผทู้ ำ� การลอ็ กอนิ ดว้ ยบญั ชเี ฟซบกุ๊ หลงั จากการสง่ คำ� ขอการ
ตรวจสอบตัวตนและขอรบั ขอ้ มูลส่วนตวั ไปท่เี อพไี อ
