การสร้าง APP ID สำหรับใช้งาน log in ด้วย Facebook
ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

หลายๆคนอาจจะทราบเคยเห็นผ่านๆตามาอย่างเข้าใช้งานระบบผ่าน facebook  .google หรือ ผ่าน tiktok ที่เราเห็นเป็นประจำนั้น เราสามารถที่จะเข้าใช้งานแบบนั้นบนเว็บไซต์ของเราได้ โดย อาศัย App id key เพื่อเชื่อม Api ระหว่างเว็บไซต์เรากับระบบ Facebook ได้ ซึ่งจะอำนวยความสะดวกการเข้าสู่ระบบได้ง่าย เพราะ facebook เป็นข้อมูลพื้นฐานของผู้ใช้งานอยู่แล้ว เป็นต้น

 

  1.  เข้าสู่หน้า https://developers.facebook.com โดยเข้าสู่ระบบ facebook  ก่อนเมื่อเข้าถึงหน้าแอพของฉันเลือกเมนู >> แอพของฉัน >> สร้างแอพ
    App ID เป็นการเข้าสู่ระบบโดยใช้ Api ของแต่แพลตฟอร์ม
    การเข้าใช้งาน Appid บน Facebook

    App iD ใช้สำหรับเปิดการดึง Api ของ Facebook มาใช้ log in
    การสรา้ง App ID Facebook เพื่อใช้เข้าสู่ระบบ




  2. เลือกประเภทของแอพ เป็น สำหรับ ผู้บริโภค เพื่อเชื่อมต่อการเข้าสู่ระบบ Facebook

    ผู้บริโภคเป็นส่วนที่ใช้สำหรับ เข้าสู่ระบบด้วย facebook instragam api
    เลือกประเภทของแอพ เป็น ผุ้บริโภค


  3. ระบุ 1.ชื่อที่จะแสดง , 2.อีเมล์ติดต่อของแอพ  หรือ จะระบุ 3.บัญชีธุรกิจเพิ่มเติม(ถ้ามี) >> สร้างแอพ


    App ID เป็นการเข้าสู่ระบบโดยใช้ Api ของแต่แพลตฟอร์ม
    ระบุข้อมูล ชื่อแอพ อีเมล์ หรือ บัญชีธุรกิจ ที่เกี่ยวข้อง

    รายละเอียดคำอธิบาย ข้อมูลเบื้องต้น

    1

    ชื่อที่แสดง

    ระบุชื่อใช้แสดงเพื่อเชื่อมโยง ID ของแอพพลิเคชั่น

    2

    อีเมล์ติดต่อของแอพ

    ระบุอีเมล์สำหรับการติดต่อของแอพพลิเคชั่น

    3

    บัญชีธุรกิจ

    ระบุบัญชีธุรกิจที่ใช้เชื่อมต่อกับบัญชีธุรกิจ (ถ้ามี)



  4. กรอกรหัสผ่านยืนยันตัวตน แล้ว จะเข้าสู่หน้า ติดตั้งแอพพลิเคชั่น

    เครื่องมือมีได้แก่ App event Instragram App ID
    เครื่องการใช้งานต่างๆ ของแอพพลิเคชั่น




  5.  เลือก การเข้าสู่ระบบ Facebook >> ตั้งค่า

    เพื่อเปิด API เข้าสู่ระบบ facebook
    เลือกใช้งาน เข้าสู่ระบบ Facebook



  6. เลือกแพลตฟอร์มสำหรับ >>  เว็บ

    แพลตฟอร์มมีมากมาย เช่น เว็บ แอนดรอย หรือ ไอโอเอส
    แพลตฟอร์มที่ใช้เลือก เว็บ

  7. ระบุชื่อ URL เว็บไซต์ของคุณ  กด Save แล้ว กด ดำเนินการต่อ


    url เป็นที่อยู่ของเว็บไซต์ของท่าน
    ระบุ URL ของเว็บไซต์ที่ใช้งาน


  8. ส่วนนี้จะเป็นส่วนของผู้พัฒนา เพื่อลงข้อมูลเกี่ยวกับโค๊ด

    เนื้อหาส่วนของผู้พัฒนา เพื่อลงข้อมูลเกี่ยวกับโค๊ด
    ข้อกำหนดของ Devoloper



  9. การเข้าสู่ระบบ Facebook เลือก การตั้งค่า ทำการเปิดใช้งาน

    ไคลเอ็นต์ เป็นการกำหนดว่า จะเปิดใช้งานส่วนไหนบ้าง
    กำหนด การตั้งค่าไคลเอ้นต์ ดังรูปภาพ

    รายละเอียดคำอธิบาย การตั้งค่าไคลเอ็นต์

    1

    การตั้งค่า

    ตั้งค่าระบบไคลเอ็นต์ 

    2

    การเข้าสู่ระบบ OAUTH ของไคลเอ็นต์

    เปิดใช้งานการเข้าสู่ระบบ OAUTH ของไคลเอ็นต์

    3

    การเข้าสู่ระบบ OAUTH ของเว็บ

    เปิดใช้งานการเข้าสู่ระบบไคลเอ็นต์ OAUTH บนเว็บ

    4

    การเข้าสู่ระบบ OAUTH ของเบราว์เซอร์แบบฝัง

    เปิดการใช้งานการเข้าสู่ระบบ OAUTH ของเบราว์เซอร์แบบฝัง

    5

    URL เปลี่ยนเส้นทาง OAUTH 

    ระบุ URL เพื่อเปลี่ยนเส้นทาง OAUTH

    6

    บันทึกการเปลี่ยนแปลง

    บันทึกข้อมูลบนแอปพลิเคชั่น



  10. การตั้งค่าข้อมูลพื้นฐาน
    ตั้งค่าพื้นฐาน ของแอพพลิเคชั่น
    ตั้งค่าข้อมูลพื้นฐาน ระบุจำพวก โดเมน อีเมล์ หมวดหมู่ ข้อกำหนด



  11. การเปิดใช้งานตรวจสอบสิทธิ์ของแอพพลิเคชั่น
    เลือก การตรวจพิจารณาของแอพ >> คำขอ ให้ทำการขออนุญาติสิทธิ์สำหรับแอพ
    ขอตรวจสอบเพื่อยืนยันการใช้งานของระบบ
    เมื่อระบุข้อมูลครบ ต้องขอตรวจสอบแอพสำหรับใช้งาน
    แล้วทำการเปิดใช้งาน แอพพลิเคชั่น

หลังตรวจสอบผ่านแล้ว ต้องมาเปิดใช้งานสิทธิ์
 การเปิดใช้งานแอพพลิเคชั่น หลังตรวจสอบผ่านแล้ว

เพียงเท่านี้ก็ สามารถสิ้นสุดการติดตั้ง App id แล้วใช้การ Log in ด้วย Facebook บนเว็บไซต์ของเราได้แล้วครับ เพราะระบบจะทำการดึงข้อมูล Api จากพื้นฐานจากตัว Facebook มาเก็บไว้นั้นเอง ซึ่งสำหรับ Google ก็สามารถใช้งานได้เช่นกัน ซึ่งสามารถเข้าไปดูที่บทความนี้ การสร้างapp login สำหรับ ของ Google