ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingบทที่ 2 - ทำความเข้าใจกับ Facebook API
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: บทที่ 2 - ทำความเข้าใจกับ Facebook API  (อ่าน 27462 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
moohooooo
คนรักเสียว
*

พลังน้ำใจ: 66
ออฟไลน์ ออฟไลน์

กระทู้: 189



ดูรายละเอียด
« เมื่อ: 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...ocs/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 ด้วยครับ
บันทึกการเข้า
idee
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 86
ออฟไลน์ ออฟไลน์

กระทู้: 1,862



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 11 สิงหาคม 2010, 01:25:33 »

เก็บความรู้ก่อนนอนครับ อ่านๆ ดูแล้วเหมือนจะง่าย..

ขอบคุณครับ
Thank ติดตอกันไม่ได้แฮะ เดี๋ยวกลับมา + ให้อีกนะครับ
เป้นบทความที่ดีมากครับ ถ้าสงสัยจะตามไปนะครับ
บันทึกการเข้า

ประมูลเรียลไทม์ ประมูลตีแตก พิสูจน์ระบบประมูลรูปแบบใหม่ ทันสมัย ด้วยแรงบันดาลใจจากไทยเสียวที่สำคัญใช้งานฟรี!

โปรโมทสินค้า    สินค้าส่งออก    ระบบประมูล

อ้างถึง
thailand
สมุนแก๊งเสียว
*

พลังน้ำใจ: 32
ออฟไลน์ ออฟไลน์

กระทู้: 839



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 11 สิงหาคม 2010, 01:26:36 »

 wanwan017
บันทึกการเข้า

ปางทิพย์รีสอร์ท อ.บางสะพาน จ.ประจวบ ห้องพักรายวันสะอาด ใกล้สถานที่ท่องเที่ยว 15 ห้องสุดหรู โทร 087-9365431
บ้านกอบแก้ว อ.รัตนบุรี จ.สุรินทร์ บ้านเช่ารายเดือนราคาถูก 9 ห้องคุณภาพ โทร 089-5829992
ซ่อมNotebook รัตนบุรี Mom7day.com
ข้าวหอมมะลิสุรินทร์.com
anivox
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 51
ออฟไลน์ ออฟไลน์

กระทู้: 1,012



ดูรายละเอียด
« ตอบ #3 เมื่อ: 11 สิงหาคม 2010, 01:38:42 »

จะเริ่มตามๆๆๆ  wanwan017
บันทึกการเข้า
tonfy
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 390



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 11 สิงหาคม 2010, 01:43:00 »

น่าสนใจมากเลยครับ อยากหัดเขียนอยู่ เลย แต่ดูแล้วถ้าจะยาก  Tongue
บันทึกการเข้า

oil009
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 230



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 28 พฤศจิกายน 2010, 10:52:02 »

มีความรู้มากเลย ค่ะ กำลังหาศึกษาอยู่เลย  wanwan011
บันทึกการเข้า

bird35793
คนรักเสียว
*

พลังน้ำใจ: 6
ออฟไลน์ ออฟไลน์

กระทู้: 162



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 29 พฤศจิกายน 2010, 09:15:14 »

ยังไม่ได้ลองเลยแหะ แต่ก็ขอบคุณไว้ก่อนแล้วกัน   wanwan017
บันทึกการเข้า

nu_eng
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 55
ออฟไลน์ ออฟไลน์

กระทู้: 1,118



ดูรายละเอียด
« ตอบ #7 เมื่อ: 29 พฤศจิกายน 2010, 10:03:06 »

เอามาลงเรื่อย ๆ นะครับ ชอบอ่าน

ขอบคุณครับ  wanwan017
บันทึกการเข้า

"แล้วก็จะมีประโยชน์อะไรที่จะทะนงตัวว่าชนะ เวลาอยู่บนกองซากปรักหักพัง" พระราชดำรัส พฤษภาคม ๒๕๓๕
storyman
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 55
ออฟไลน์ ออฟไลน์

กระทู้: 1,311



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 17 ธันวาคม 2010, 23:35:47 »

ขอบคุณสำหรับข้อมุล ครับ คือผมอยากทราบว่า ตอนนี้ผมทำ joomla เเล้วใช้ Extension Jomsocial มาติดตั้ง
เเล้วตรง เซ้ตค่า Facebook Connect เเล้วมันให้ใส่  Facebook API Key  เเละ  Facebook Application Secret  ชื่อผมไม่เข้าใจมาต้องเอาตรงไหนมาใส่หนะครับ ช่วยอธิบายตรงส่วนนี้ให้ฟังหน่อยได้ป่าว ครับ

งมมา 2 วันเเล้วยังไม่ได้เลย
บันทึกการเข้า

1hh.org
kkusd
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 311
ออฟไลน์ ออฟไลน์

กระทู้: 4,663



ดูรายละเอียด
« ตอบ #9 เมื่อ: 17 ธันวาคม 2010, 23:40:20 »

รอตอนต่อไปอยู่นะครับ
บันทึกการเข้า

mumdochata
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 135
ออฟไลน์ ออฟไลน์

กระทู้: 2,654



ดูรายละเอียด
« ตอบ #10 เมื่อ: 17 ธันวาคม 2010, 23:42:06 »

เก็บๆ
บันทึกการเข้า

hawara
ก๊วนเสียว
*

พลังน้ำใจ: 6
ออฟไลน์ ออฟไลน์

กระทู้: 206



ดูรายละเอียด
« ตอบ #11 เมื่อ: 17 ธันวาคม 2010, 23:46:33 »

 wanwan017
บันทึกการเข้า
iamnotkorr
สมุนแก๊งเสียว
*

พลังน้ำใจ: 83
ออฟไลน์ ออฟไลน์

กระทู้: 633



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 29 เมษายน 2011, 12:07:46 »

ติดตามบทที่ 3 ครับ
บันทึกการเข้า

TonHaDy
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 75
ออฟไลน์ ออฟไลน์

กระทู้: 1,134



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 25 ตุลาคม 2011, 15:15:20 »

ขอบคุนมากครับ พึ่งมาเริ่มศึกษา  Tongue
บันทึกการเข้า

MrWebmonster
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 124
ออฟไลน์ ออฟไลน์

กระทู้: 2,922



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 30 มีนาคม 2018, 12:25:15 »

ขอบคุณสำหรับข้อมุล ครับ คือผมอยากทราบว่า ตอนนี้ผมทำ 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) กะอันนี้ไปใช้ได้เลยครับ
บันทึกการเข้า

รวมเรื่อง สัพเพเหระ ไอที แก้ปัญหาไวรัส คอมพิวเตอร์ทิป อินเตอร์เน็ตทิป โค้ด รหัส Ascii สัญลักษณ์facebook Messenger LINE Gplus Instagram แก้ปัญหาเว็บเบราเซอร์ สู้ๆ น้าาาาา ~
หน้า: [1]   ขึ้นบน
พิมพ์