สร้างแอพ Facebook Login ฉบับปี 2016 - How to Create a Facebook Login Application (Issue. 2016)

jaideejung007

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

วันนี้ ถือเป็นวันดี เพราะว่างจากงานสอน ก็เลยแอบแว๊บมาเขียนบทความนี้ซะเลย หวังว่าคงช่วยให้เห็นภาพและแก้ไขปัญหาได้ดียิ่งขึ้นนะครับ

• ไปยังเว็บไซต์ https://developers.facebook.com/ (ก่อนเข้า ล็อกอินเฟสบุคให้เรียบร้อยก่อน)
  
  
• ไปที่เมนู My Apps / Add a New App
  
  
  
• ถ้าจะสร้างแอพสำหรับใช้งานบนเว็บไซต์หรือนำไปใช้กับปลั๊กอิน Facebook Login ให้เลือก "เว็บไซต์" หรือไอคอน "WWW"
  
  
  
• จะปรากฏหน้าจอให้พิมพ์ชื่อแอพฯ ที่เคยสร้างมาก่อนหน้านี้ หรือหากต้องการสร้างใหม่ ให้พิมพ์ชื่อลงไปได้เลยแล้วเลือก "Create New Facebook App ID"
  
  
  
• จะปรากฎหน้าจอสอบถามว่า แอพฯ ที่กำลังสร้างอยู่ขณะนี้เป็นตัวทดสอบของแอพอื่นหรือไม่ ไม่ต้องสนใจครับ เลือกค่าเดิมคือ "0" แล้วกำหนด "หมวดหมู่" ให้เรียบร้อย แล้วคลิกเลือก "สร้าง ID ของแอพ"
  
  
  
• คลิก "Skip quick start"
  
  
  
• จะปรากฏหน้า Dashboard สิ่งที่จะนำไปใช้หลักๆ คือ "App ID" และ "App Secret" สำหรับเอาไปใช้กับ Facebook Login
  
  
  
• ไปที่เมนู "Settings / Basics" ส่วนของ "App Domains" ให้พิมพ์เฉพาะชื่อเว็บไซต์ไม่ต้องเติม http:// เช่น abc.com จากนั้นแล้วพิมพ์ที่อยู่เว็บไซต์ของตนเองในช่อง Site URL โดยเติม http:// ข้างหน้าชื่อเว็บด้วย  และกรอกอีเมลในส่วนของ "Contact Email" ให้เรียบร้อย แล้วกด Save Changes
  
  
  
• ไปที่เมนู "Settings / Advanced" ถ้าขึ้นแจ้งเตือน "Client OAuth login is enabled but you haven't listed any valid OAuth redirect URIs. Click here for more information." แก้ไขโดยพิมพ์ ที่อยู่เว็บไซต์หลังจากที่สมาชิกเข้าสู่ระบบด้วย Facebook Login แล้วจะให้ไปหน้าไหนลงในส่วนของ "Valid OAuth redirect URIs"  เช่น http://abc.com/facebook.php แล้วกด "Save Changes"
  
  
  
• หลังจากที่คอนฟิกค่าและทดสอบอะไรก็แล้วแต่สมบูรณ์แบบแล้ว ก็ให้ไป Public แอพของเรา เพื่อให้แอพฯ นี้สามารถใช้งานได้กับสาธารณะหรือพูดง่ายๆ ว่าให้คนอื่นใช้งานได้นั่นเอง เพราะตอนนี้ มันยังมีแค่เราคนเดียว ที่ใช้งานแอพนี้ได้
  ไปที่เมนู "App Review" ในส่วนของ "Do you want to make this app and all its live features available to the general public?" ให้เลือกเป็น "Yes"
  
  
  
• และมีหน้าต่างแจ้งเตือนว่า "ทำให้แอพเป็นสาธารณะหรือไม่" ให้กด "ยืนยัน" เป็นอันเสร็จสิ้นกระบวนการ
  
  
  
• โดยเบื้องต้น สิ่งที่แอพจะสามารถขอข้อมูลผู้ที่จะใช้แอพของเราได้ จะมีหลักๆ แค่ email, public_profile และ user_friends เป็นค่ามาตรฐานอยู่แล้ว (โดยปกติ ก็ใช้งานได้แล้ว) หากต้องการขั้นสูงกว่านั้นให้เลือก "Start a Submission" เพื่อขอการเข้าถึงข้อมูลอื่นๆ ที่ลึกขึ้น ตรงนี้จะต้องรอให้ทีมงานเฟสบุคอนุมัติเสียก่อนนะ
  

ปล. สงวนลิขสิทธิ์บทความ หากต้องการนำไปใช้งาน กรุณาลิงก์กลับมายังกระทู้นี้ด้วยครับ

thaizaamusic

มาเพิ่มให้ครับ เพื่อมือใหม่ ๆ หาตามที่ jaideejung007 บอกวิธีไว้ไม่เจอ
( ถ้าใครรู้แล้วก็ ขออภัย ผมไม่เคยเล่น app ผมโง่เอง ที่หาไม่เจอ มาบอกไว้เพื่อมีคนหาไม่เจอแบบผม อะนะ )

หลังจากล็อคอิน fb หากใครไปที่ https://developers.facebook.com // ไม่เห็นเมนู My Apps
ให้กด ตามภาพครับ กดที่ Register แล้วจะเห็นเมนูตามที่ ท่าน jaideejung007 บอกวิธีมาทั้งหมด

thaizaamusic

ไปยังเว็บไซต์ https://developers.facebook.com/ (ก่อนเข้า ล็อกอินเฟสบุคให้เรียบร้อยก่อน)

ไปที่เมนู My Apps / Add a New App  

My Apps อยู่ตรงไหน ละท่าน ผมหาไม่เจอเปิดใน PC

mrkran

มีคนป่วย คงต้องให้ "เยี่ยมมากๆ"

kanungkanpim

ขอบคุณมากครับ เนื้อหาความรู้ดีๆ ที่แบ่งปัน

macstudioo

มีวิธีเปลี่ยนรูปไอคอนแอฟไหมครับ ><

zeawer

ที่สุดแห่งความยอดเยี่ยมมากๆครับ

djsandee

ขอบคุณมากครับ สุดยอดมากครับ

muksuck77

เพราะกระทู้นี้เลยครับท่าน ล๊อคอินผ่านได้แล้ว ขอบคุณครับ

tanin2

ตอนนี้ Facebook อัพเดทใหม่  UI เปลี่ยนใหม่หมด ไม่รุ้ว่าทำไม ทำ app login ไมไ่ด้แล้ว ช่วยทีครับ TT