วิธีการตั้งค่า Facebook API สำหรับเชื่อมต่อ Facebook เข้ากับเว็บไซต์

สำหรับท่านที่ใช้ระบบ Responsive ดูการตั้งค่าใหม่ ได้ที่ลิ้งค์ นี้ครับ

Link

 

 

วิธีการตั้งค่า  Facebook API สำหรับเชื่อมต่อ Facebook เข้ากับเว็บไซต์ของเราค่ะ 
หลายๆ ฟีเจอร์ที่ทาง MakeWebeasy ได้พัฒนาขึ้นมาให้เจ้าของเว็บไซต์ได้ ใช้งาน ไม่ว่าจะเป็น การสมัครสมาชิกด้วย Facebook,  Facebook comment เป็นฟีเจอร์ที่ต้องทำการเชื่อมต่อ API ของ Facebook ก่อน จึงจะสามารถใช้งาน ในส่วนฟีเจอร์นั้นๆได้  วันนี้ ทีมงาน MakeWebEasy จึงได้นำวิธีการเชื่อมต่อ API ของ Facebook มาแนะนำกันค่ะ

 

1. ไปที่ URL  https://developers.facebook.com/ ไปที่เมนู Log in  ที่มุมขวาบนนะคะ  

facebook-Developer-01

2. ระบบจะแสดงหน้าจอ ให้คุณทำการ Log in เข้าสู่ระบบ Facebook ของคุณ ให้ Log in โดยใช้ Username /Password ที่จัดการเพจ ของ Facebook นะคะ

facebook-Developer-02

3. เลือกที่คำสั่ง www ตามรูปเลยค่ะ

facebook-Developer-04

4.ตั้งชื่อ App ของคุณค่ะ ในตัวอย่างทีมงานตั้งชื่อ App เป็น MakeWebEasy ค่ะ  และ คลิกคำสั่ง create New Facebook App ID ได้เลยค่ะ

app05

5. เลือก Category(หมวดหมู่)  ให้กับ App ได้เลยค่ะ

app06

6.ตามตัวอย่าง Admin เลือก Business ค่ะ  เรียบร้อย กด Create App ID นะคะ

app07

app08

7. คลิกที่คำสั่ง Skip Quick Start ได้เลยค่ะ

facebook-Developer-08

8. ระบบจะแสดงหน้าจอ ตามภาพค่ะ
facebook-Developer-09

9. ตอนนี้เราเห็นข้อมูล App ID แล้ว  ถัดไปให้คลิกที่ Show ค่ะ เพื่อไปเก็บ App Secret กันต่อค่ะ

app13-1

11. เมื่อคลิกที่ Show จะมีหน้าจอให้กรอก (Password) รหัสผ่าน ของ Facebook เราอีกครั้งค่ะ  กรอกเรียบร้อย กด Submit ได้เลยค่ะ
12. เท่านี้ก็จะได้ App Secret แล้วค่ะ  เปิดหน้าจอนี้ค้างไว้นะคะ

app15

13. ขั้นตอนต่อไป ก็ Log in เข้าสู่ระบบหลังบ้าน MakeWebEasy  เพื่อจัดการเว็บไซต์ของคุณนะคะ เลือกที่เมนู Setting > เลือกที่คำสั่ง Facebook API/Login
app

14. กดปุ่ม ON และ นำข้อมูล App ID และ App secret จากหน้า Facebook มาใส่ได้เลยค่ะ

app16

บันทึกเรียบร้อยค่ะ

app17

15. อีกนิดนึงนะคะ กลับไปที่ Facebook อีกครั้ง เลือกที่ คำสั่ง Setting  ที่ด้านซ้ายค่ะ

1. ในส่วนของ App Domain กรอกชื่อเว็บไซต์ ที่เราต้องการนำไปใช้งานด้วยลงไปค่ะ
2. ในส่วนของ Contact Email คืออีเมล์ Username ของ Facebook และ กด Save Changes ค่ะ

app19

app20

16. เรียบร้อยแล้ว ไปที่ Status & Review ค่ะ  คลิกให้เป็น YES ค่ะ

app21

เรียบร้อย กด Confirm ค่ะ

app22

เรียบร้อยแล้วค่ะ ....เย้ๆ

app23

 

 

เรียบร้อยนะคะ สำหรับการตั้งค่า Facebook API เพื่อใช้งานฟังก์ชั่นต่างๆ ที่เชื่อมต่อกับ Facebook กันได้แล้วค่ะ

banner-mweonblog02

ข้อมูลบริการเพิ่มเติม
website : https://www.makewebeasy.com
โทร : 02 217 7999
Line : @makewebeasy
Facebook : facebook.com/makewebeasy
Twitter : twitter.com/makewebeasy
Instagram : instagram.com/makewebeasy

Related Post

Comments

comments