ผู้เขียน หัวข้อ: การทำ Facebook Login ใน WordPress  (อ่าน 1011 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
การทำ Facebook Login ใน WordPress
« เมื่อ: 13 กันยายน 2016, 21:01:25 »

 

การทำระบบ Facebook Login ในเว็บไซต์ จะช่วยเพิ่มความสะดวกต่อผู้ใช้งานเป็นอย่างมาก เพราะในการสมัครสมาชิกนั้นผู้ใช้จะต้องกรอกแบบฟอร์ม และบางเว็บไซต์ก็อาจจะต้องรอให้ผู้ใช้งานทำการยืนยันอีเมล ซึ่งมันค่อนข้างเสียเวลา แต่ถ้าผู้ใช้สามารถเข้าระบบโดยใช้บัญชี Facebook  ของเขาเองได้ก็จะทำให้เกิดความสะดวกและรวดเร็วขึ้น

 2 ขั้นตอนง่ายๆ ในการทำระบบ Facebook Login ใน WordPress
1.ติดตั้ง Plugin Plugin ที่ใช้ในการทำระบบ Facebook Login นั้นมีหลายตัวเลยทีเดียวครับ
 ถ้าอยากรู้ว่ามีตัวไหนบ้างลองอ่านบทความนี้ 10 Best Social Login Plugins for WordPress
 
จริงๆมีมากกว่านี้นะครับ
 ในที่นี้ผมจะยกตัวอย่าง Plugin ตัวนี้ครับชื่อว่า Facebook Login  [ดาวน์โหลด] ที่ผมเลือกใช้ตัวนี้เพราะมันง่ายดีไม่มีอะไรซับซ้อน

 facebook-login-1 height=554

เมื่อดาวน์โหลดมาแล้วให้ทำการติดตั้ง Plugin ให้เรียบร้อย

2.สร้าง Facebook App และตั้งค่า App ID หลังจากติดตั้งแล้ว เราจะต้องสร้าง Facebook App เพื่อนำ App ID มาตั้งค่าใน Plugin
 ฟังดูเหมือนจะยาก แต่ง่ายๆครับ
ไปที่ Facebook Developers  เเล้ว คลิกที่ Add a New App

facebook-login-2 height=542

เลือก platform เป็นที่เป็น website

 facebook-login-3 height=183
 
ตั้งชื่อ App และเลือกหมวดหมู่

facebook-login-4 height=149

facebook-login-5 height=275
 
หลังจากนั้นเราจะได้ App ID ตามรูป ให้ทำการ Copy App ID มาครับเพื่อเอาไปใส่ในการตั้งค่า Plugin
 facebook-login-6 height=739
 
ไปที่ระบบ Admin ในเว็บไซต์ของเรา เมนู Settings —> Facebook login

 facebook-login-7 height=379
 
ใส่ App ID และ กด Save

facebook-login-8 height=222
 
เมื่อเสร็จแล้วทำการทดสอบเข้าระบบด้วย Facebook Login

facebook-login-9 height=543

facebook-login-10 height=534
 
ถ้าไม่มีอะไรผิดพลาดก็จะใช้งานได้ปกติ ซึ่งจะเห็นว่าไม่ได้ยากอะไรเลยใช่ไหมครับ
 แต่เดี่ยวก่อน!! ยังเหลืออีก 1 ขั้นตอนครับ
ถึงตอนนี้แล้วเราจะสามารถ Login ได้เฉพาะ Facebook Account ที่เป็น Developer ของเราเท่านั้น
 คนอื่นๆจะไม่สามารถ Login ได้ เนื่องจากขั้นตอนที่ผ่านมาเรายังไม่ได้ทำการ Public Facebook App ของเราครับ
 ไปที่ Facebook App ของเรา ที่เมนู App Review แล้วทำการ Public แค่นี้ก็เรียบร้อยครับ

 หลังจากนั้นก็ลองทำการทดสอบโดยใช้ Facebook Account  คนอื่นๆ ทำการ Login เข้ามาครับ

facebook-login-11 height=459


ที่มา: http://www.panu.me/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3-facebook-login-wordpress/
« แก้ไขครั้งสุดท้าย: 13 กันยายน 2016, 21:03:59 โดย smf »