ใช้ Facebook Connect Login กับ Joomla 2.5 และ joomla 3.x

การสมัครสมาชิกในยุคของเว็บ 2.0 ตอนนี้ มีการเชื่อมต่อกับ social network เป็นหลักเพื่อให้ง่ายต่อสมาชิกที่สนใจเว็บเราไม่ต้องมากรอกข้อมูลให้ยุ่งยาก  คนไทยใช้ Facebook 18 ล้านคน  หรือ 85% จาก social network ทั้งหมด Facebook Connect Login คงเป็นตัวเลือกแรกที่น่าสนใจที่สุด

 เนื่องจากผมพยายามหาอะไรที่ง่ายๆ สำหรับคนที่เริ่มต้นทำเว็บ และที่สำคัญพยายามหาที่ไม่ต้องเสียเงิน เลยไปเจอ JLV Facebook Login Module โหลดไมาใช้งานได้ฟรี มีให้ใช้ทั้ง Joomla 2.5 และ joomla 3.x

{tab Facebook Login Joomla 2.5|green}

เริ่มต้นด้วยการไป โหลด โมดูลที่ http://jlvextension.com/facebook-login-module/

จากนั้นนำมาติดตั้ง 

ติดตั้งแล้วให้ไปที่ Extension >> Module Manager จะเจอ โมดูล JLV Facebook Login คลิ๊กเข้าไปจัดการเลย

สิ่งที่ต้องแก้ไขให้ดูตามหมายเลข

1. ชื่อโดมูล สามารถเปลี่ยนได้
2. Position : เป็นตำแหน่งที่ต้องการให้โมดูลนี้แสดง แต่ละแทมเพลตไม่เหมือนกัน
3. Status : เลือกเป็น Published

ต่อมาให้เลือนลงมาดูตรง Menu Assignment เป็นการเลือกว่าโมดูลนี้แสดงที่ไหนหน้าไหนบ้าง ในที่นี้ผมเลือกแสดงทุกหน้า 

ต่อไปมาดู ในส่วนของการตั้งค่า Facebook App Settings ทั้งสองช่อง เราจะได้ก็ต่อเมื่อเราไปเปิดใช้งาน Facebook App

*อ่านวิธีการสมัครได้ที่ Tap การสมัคร facebook app

บันทึกข้อมูลในโมดูล แล้วหน้าเว็บจะมี Facebook  login แล้ว

โมดูลตัวนี้มี ระบบ login ของ joomla มาด้วย สามารถเลือกเปิดปิดได้เลย

โมดูล JLV Facebook Login สามารถปรับแต่งได้ โดยเฉพาะ รูปปุ่ม Login ให้เปลี่ยนที่ FB Login Image

{tab Facebook Login Joomla 3.x|blue}

เริ่มต้นด้วยการไป โหลด โมดูลที่ http://jlvextension.com/facebook-login-module/

จากนั้นนำมาติดตั้ง 

ติดตั้งแล้วให้ไปที่ Extension >> Module Manager จะเจอ โมดูล JLV Facebook Login คลิ๊กเข้าไปจัดการเลย

สิ่งที่ต้องแก้ไขให้ดูตามหมายเลข

1. ชื่อโดมูล สามารถเปลี่ยนได้
2. Position : เป็นตำแหน่งที่ต้องการให้โมดูลนี้แสดง แต่ละแทมเพลตไม่เหมือนกัน
3. Status : เลือกเป็น Published

ต่อมาให้เลือนลงมาดูตรง Menu Assignment เป็นการเลือกว่าโมดูลนี้แสดงที่ไหนหน้าไหนบ้าง ในที่นี้ผมเลือกแสดงทุกหน้า 

ต่อไปมาดู ในส่วนของการตั้งค่า Facebook App Settings ทั้งสองช่อง เราจะได้ก็ต่อเมื่อเราไปเปิดใช้งาน Facebook App

*อ่านวิธีการสมัครได้ที่ Tap การสมัคร facebook app

จากนั้นให้เรากลับไปบันทึกข้อมูลในโมดูล แล้วหน้าเว็บจะมี Facebook  login แล้ว

โมดูลตัวนี้มี ระบบ login ของ joomla มาด้วย สามารถเลือกเปิดปิดได้เลย

โมดูล JLV Facebook Login สามารถปรับแต่งได้ โดยเฉพาะ รูปปุ่ม Login ให้เปลี่ยนที่ FB Login Image

{tab การสมัคร Facebook App|red}

การสมัคร Facebook App เพื่อขอ App ID และ App Secret

ไป ที่ https://developers.facebook.com/ 

กรอกข้อมูล ตามฟอร์ม

1. ชื่อที่ต้องการแสดง อาจใส่เป็นชื่อเว็บ ใช้ภาษาไทยได้
2. เลือกหมวดหมู่ให้ตรงกับเว็บ
3. คลิ๊กสร้าง

ระบบจะให้กรอก CAPTCHA Code ก็หรอกให้ตรง

ได้มาแล้ว 

1. App ID  คัดลอกไปหรอกในโมดูลได้เลย
2. App Secret  มันจะซ่อนอยู่ให้ คลิ๊ก Show จะมีหน้าให้กรอกรหัสผ่าน Facebook ของเรา กรอกเสร็จมันจะแสดง App Secret มา

เมื่อเราได้ App ID และ App Secret แล้ว ให้ไปที่เมนู Setings คลิ๊ก +Add Platform เพื่อเลือกว่าเราจะเอาไปใช้กับอะไร

เมื่อเราคลิ๊ก +Add Platform ให้เลือก WebSite

จากนั้นให้กรอกที่อยู่เว็บของเราลงไป

หากต้องการเปลี่ยนโลโก้ของ Facebook App ให้ไปที่เมนู App Details แล้วใส่รูป Logo ขนาด 1024x1024 ลงไป ขยายเลยครับ แตกช่างมัน

{/tabs}