หัดเขียน Facebook Application ตอนที่ 2 (JavaScript SDK)

 - by NAzT

คราวนี้เราจะติดต่อกับ ดู ผมเลือกใช้ Facebook Javascript SDK เพราะว่า ช่วงนี้กำลังหัดเขียน อยู่พอดี

พอกดเข้าไปดู Reference ของ JavaScript เราจะพบอะไรที่น่าสนใจอยู่อย่างนึง ที่อยู่ในรูปข้างล่างนี่

JavaScript SDK - Facebook developers
Uploaded with plasq‘s Skitch!

พอเราตามไปที่ github เราจะเห็นว่า มันมี example อยู่ กำลังหัดเขียน jQuery อยู่พอดีเลย โป๊ะเชะ ลองเข้าไปดู code ตัวอย่างซักหน่อย

examples_jquery at master from facebook's connect-js - GitHub
Uploaded with plasq‘s Skitch!

ดาวน์โหลด source code มาแล้ว ก็ใส่ api-key ของเราไป แบบในรูป (ได้มาจาก หัดเขียน Facebook Application ตอนที่ 1 (ฉบับเตรียมตัว)

source-code-api-key
Uploaded with plasq‘s Skitch!

หลังจากนั้นลองเปิดตัวอย่างมาดูหน่อยซิ จะได้รูปข้างล่าง

Facebook | Request for Permission
Uploaded with plasq‘s Skitch!

พอ login เรียบร้อยแล้ว เราก็เปิด firebug ขึ้นมา แล้วตรงไปที่ console หลังจากนั้น พิมพ์ code แบบในรูปข้างล่างลงไปใน console (เลียนแบบมาจาก source code ต้นตำหรับอะแหละ)

inspect-fb-connect
Uploaded with plasq‘s Skitch!

ขอดูค่าใน Object user หน่อยซิ

user-Object-inspected
Uploaded with plasq‘s Skitch!

เรื่องที่เกี่ยวข้อง