ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => หัวข้อเริ่มโดย: moohooooo ใน 11 สิงหาคม 2010, 00:45:42

ชื่อเรื่อง: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: moohooooo ใน 11 สิงหาคม 2010, 00:45:42
ในการเชื่อมต่อกับ Facebook API นั้น สามารถทำได้ในหลายกรณี โดยใช้ SDK เข้ามาช่วยหรือเรียกง่ายๆ คือ ชุดเครื่องมือพัฒนา ผมขอเรียกว่า lib เชื่อมต่อ API ดีกว่าจะได้เข้าใจง่ายๆ

ในส่วนของ SDK ที่เราจะมาเริ่มต้นทำความเข้าใจนั้นผมจะคุยกันหลักๆคือ

PHP SDK ส่วนรองลงมาก็ javascript SDK ใช้บ้างในบางพื้นที่ครับ

ก่อนที่เราจะมาคุยเรื่องของ API เรา ต้องมาทำความเข้าใจ Overview คราวๆ (ผมอิงจาก doc ของ facebook เลยนะครับ)

http://developers.facebook.com/docs/

ในส่วน overview นั้น จะแบ่งออกมาหลักๆ คือ

Graph API
การ Authentication
Social Plugin

ส่วนอันสุดท้าย Open Graph ผมขอไม่พูดถึงนะครับกำลังศึกษาอยู่

Graph API คืออะไร - Graph Api เป็นการเชื่อมต่อ ของ Facebook สำหรับผู้พัฒนา โดยอันนี้เป็นระบบใหม่ครับ ถ้าดู document เก่าๆ อาจจะไม่เจอ เป็น ระบบ ที่ใช้เรียกข้อมูลซะเป็นส่วนใหญ่ใน Facebook โดยอิงเป็น object (ให้มองเป็นก้อน) จะทำให้เข้าใจง่ายที่สุด โดยเมื่อคุณเรียก Graph Api แล้ว สิ่งที่จะได้มาจะเป็นในรูปแบบ Json ครับ ซึ่งเราเอาไป decode เป็น object ใน php อีกทีนึงก็ได้ครับ

doc : http://developers.facebook.com/docs/api

ตัวอย่างเช่น
https://graph.facebook.com/btaylor

คุณจะได้ก้อนข้อมูล json แบบ

{
  "id": "220439",
  "name": "Bret Taylor",
  "first_name": "Bret",
  "last_name": "Taylor",
  "link": "http://www.facebook.com/btaylor",
  "gender": "male",
  "locale": "en_US"
}

ทีนี้คุณก็เอาข้อมูลเหล่านี้ไปเล่นได้ครับ

** สำหรับ คนที่ต้องการดึง current access profile ใน app ของคุณหรือพูดง่ายๆ คือ คนที่เข้ามาเล่นปัจจุบันในขณะนั้น ใช้ https://graph.facebook.com/me/photos แต่ คุณต้องมี การ เอา access token หรือ session มาใช้ก่อนนะครับ ถึงจะ access ได้ครับ เดี๋ยวตรงนี้ว่ากันทีหลัง

การ authentication

พูดง่ายๆ คือการให้ สมาชิกของ facebook access เข้าหา app ของคุณได้ครับ มันเหมือนเป็นประตูผ่านทาง ก่อนเข้า app ของคุณครับ

doc : http://developers.facebook.com/docs/authentication/

ถ้าคุณสังเกต ดีดีเวลาุคุณเข้า app ไหน จะมีให้คุณ ยืนยันการใช้ โดยการที่ให้ application ขอ permission จาก ผู้ใช้ว่า app เรา ขอ email, profile ของคุณนะ แต่ ตรงๆนี้ เราสามารถ ดูเพิ่มเติมได้ว่า app สามารถขอ permission อะไรได้บ้าง
จาก http://developers.facebook.com/docs/authentication/permissions

ส่วนสุดท้ายที่เราจะพูดกัน คือ Social Plugin

Facebook เขาใจดี เอามาให้เราใช้กัน สำหรับ Social Plugin ง่ายแบบว่า กดสร้างกันแบบ wizard ได้เลย

http://developers.facebook.com/plugins

คุณอาจจะเคยเห็นหลายๆ เวบ มักจะมี ปุ่ม share นั่นแหละครับเค้าเรียกว่า Social Plugin ทีนี้มีอะไรน่าสนใจบ้างมาดูกัน

ปล. สำหรับคนที่ไม่ได้คิดจะสร้าง app ใน facebook แต่ ต้องการให้เวบของตัวเอง มีการเชื่อมต่อกับ facebook ในบางจุด เราแนะนำให้ ใช้ social plugin แทน การ ใช้ facebook connect นะครับ เพื่อเป็นการลดเวลาการพัฒนาลง

ตัวแรกเลย Like button - ไม่มีอะไรมากครับ เป็นตัวนับว่า คนกดชอบกี่คน ครับในเนื้อหาของหน้านั้นๆ ในเวบข้างนอก เวลามีคนกด Like ก็จะมี ตัวนับให้ว่ามีคน กด like กี่คน ซึ่งตรงนี้ จากที่ได้ยินข่าวลือ fb จะทำ search engine เองจาก like โดย เรียงลำดับจาก จำนวน like และkeyword ในหน้านั้นๆครับ ถ้าทำได้ ... seo กัน ท่าจะยากครับ

ตัวสอง Comment box - เป็น comment box ในส่วนของ content แต่ละหน้าของคุณครับ มันจะดูที่ url ที่คุณเอา comment box ไปวางเป็นหลักครับ ทีนี้ ก็ลดอัตตราการเปลืองของ bandwidth ลงครับ

ตัวแนะนำสุดท้าย คือ live stream เป็น กล่อง สำหรับ ถึงข้อความต่างๆ จาก page มาโชว์ได้ครับ เช่นเวบคุณมี fan page ของ facebook คุณก็สามารถ สร้าง live stream box มาโชว์ได้ครับ


เป็นไงบ้างครับ อันนี้เป็น เครื่องมือคร่าวๆ เืพื่อให้เพื่อนๆ ได้เห็นภาพ ว่า facebook ทำอะไรได้บ้างในโลกเราปัจจุบัน (ในไทยไม่ค่อยจะมี คนใช้พวกนี้ด้วยซิ) เดี๋ยวคราวหน้า เราจะมา พูดต่อกันในเรื่องของ การ เชื่อมต่อ Facebook โดยใช้ php sdk + javascript sdk ด้วยครับ
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: idee ใน 11 สิงหาคม 2010, 01:25:33
เก็บความรู้ก่อนนอนครับ อ่านๆ ดูแล้วเหมือนจะง่าย..

ขอบคุณครับ
Thank ติดตอกันไม่ได้แฮะ เดี๋ยวกลับมา + ให้อีกนะครับ
เป้นบทความที่ดีมากครับ ถ้าสงสัยจะตามไปนะครับ
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: thailand ใน 11 สิงหาคม 2010, 01:26:36
 :wanwan017:
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: anivox ใน 11 สิงหาคม 2010, 01:38:42
จะเริ่มตามๆๆๆ  :wanwan017:
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: tonfy ใน 11 สิงหาคม 2010, 01:43:00
น่าสนใจมากเลยครับ อยากหัดเขียนอยู่ เลย แต่ดูแล้วถ้าจะยาก  :P
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: oil009 ใน 28 พฤศจิกายน 2010, 10:52:02
มีความรู้มากเลย ค่ะ กำลังหาศึกษาอยู่เลย  :wanwan011:
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: bird35793 ใน 29 พฤศจิกายน 2010, 09:15:14
ยังไม่ได้ลองเลยแหะ แต่ก็ขอบคุณไว้ก่อนแล้วกัน   :wanwan017:
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: nu_eng ใน 29 พฤศจิกายน 2010, 10:03:06
เอามาลงเรื่อย ๆ นะครับ ชอบอ่าน

ขอบคุณครับ  :wanwan017:
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: storyman ใน 17 ธันวาคม 2010, 23:35:47
ขอบคุณสำหรับข้อมุล ครับ คือผมอยากทราบว่า ตอนนี้ผมทำ joomla เเล้วใช้ Extension Jomsocial มาติดตั้ง
เเล้วตรง เซ้ตค่า Facebook Connect เเล้วมันให้ใส่  Facebook API Key  เเละ  Facebook Application Secret  ชื่อผมไม่เข้าใจมาต้องเอาตรงไหนมาใส่หนะครับ ช่วยอธิบายตรงส่วนนี้ให้ฟังหน่อยได้ป่าว ครับ

งมมา 2 วันเเล้วยังไม่ได้เลย
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: kkusd ใน 17 ธันวาคม 2010, 23:40:20
รอตอนต่อไปอยู่นะครับ
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: mumdochata ใน 17 ธันวาคม 2010, 23:42:06
เก็บๆ
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: hawara ใน 17 ธันวาคม 2010, 23:46:33
 :wanwan017:
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: iamnotkorr ใน 29 เมษายน 2011, 12:07:46
ติดตามบทที่ 3 ครับ
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: TonHaDy ใน 25 ตุลาคม 2011, 15:15:20
ขอบคุนมากครับ พึ่งมาเริ่มศึกษา  :P
ชื่อเรื่อง: Re: บทที่ 2 - ทำความเข้าใจกับ Facebook API
โพสต์โดย: MrWebmonster ใน 30 มีนาคม 2018, 12:25:15
อ้างถึงจาก: storyman ใน 17 ธันวาคม 2010, 23:35:47
ขอบคุณสำหรับข้อมุล ครับ คือผมอยากทราบว่า ตอนนี้ผมทำ joomla เเล้วใช้ Extension Jomsocial มาติดตั้ง
เเล้วตรง เซ้ตค่า Facebook Connect เเล้วมันให้ใส่  Facebook API Key  เเละ  Facebook Application Secret  ชื่อผมไม่เข้าใจมาต้องเอาตรงไหนมาใส่หนะครับ ช่วยอธิบายตรงส่วนนี้ให้ฟังหน่อยได้ป่าว ครับ

งมมา 2 วันเเล้วยังไม่ได้เลย

ลองทำตามนี้นะครับ

ต้องไปสร้าง Facebook App

1. ไปที่ http://developers.facebook.com/ กดที่ Apps > Create New App เพื่อทำการสร้าง App ใหม่

2. ใส่ Display Name , Namespace และเลือก Category (ประเภท) ของ App แล้วกด Create App

3. กรอกตัวอักษรจากรูป ให้ถูกแล้ว ต่อมากด Submit

4. เมื่อเสร็จเรียบร้อย จะแสดงหน้า Dashboard ของ App ที่เราสร้างขึ้น

Dashboard แสดงข้อมูลภาพรวมของ App ประกอบด้วย

App ID (อันนีคือ Key), App Secret(อันนี้คือ Secret) สำหรับนำไปใช้กับ Facebook SDK แบบต่างๆ เช่น IOS, Android, PHP, Javascript และอื่นๆ
User Stats - ข้อมูลการใช้งานของ User
API Stats   - ข้อมูลการใช้งาน API

เอา App ID (อันนีคือ Key), App Secret(อันนี้คือ Secret) กะอันนี้ไปใช้ได้เลยครับ