اضافة زر تسجيل الدخول عبر Facebook API

في هذه المقالة سوف نقوم بشرح كيفية اضافة زر تسجيل الدخول عبر Facebook API بطريقة سهلة وبسيطة جدا وسوف يكون ملف الاكواد مرفق في اخر المقالة ان شاء الله

قبل البدء في كتابة الاكواد اريد ان اشرح لك الاساسيات التي يجب ان تعرفها في هذا التطبيق قبل البدء في الكود,

لنقل ان لديك صفحتين واحدة لتسجيل الدخول والاخرى هيه التي تريد اخفائها عن الزائرين الذين لم يسجلون الدخول وتريد اظهارها للزائرين المسجلين فقط, نأتي الان الى صفحة تسجيل الدخول سوف نقوم بأضافة زر تسجيل الدخول عن طريق الفيسبوك وعند الضغط عليه يقوم بتحويل الزائر الى صفحة اخرى تابعة لموقع الفيسبوك وفي هذه الصفحة يقوم الفيسبوك بسؤال الزائر هل توافق على ارسال المعلومات الى موقعنا ام لا وفي حال موافقة الزائر او رفضه على توفير هذه المعلومات اللازمة لتسجيل الدخول عن طريق الفيسبوك سوف نقوم بتحويله الى صفحة اخرى من برمجتنا لنفحص كل ما حدث داخل صفحة الفيسبوك

وفي حالة موافقة الزائر على توفير هذه المعلومات سوف نقوم بتحويله الى الصفحة المخفية التي تخص المسجلين فقط اما في حالة رفضه سوف نقوم بتحويله الى صفحة تسجيل الدخول…

اعلم ان الشرح قد يكون معقد نوعا ما ولاكن الكود سهل وبسيط ان شاء الله تابع معي …

  • الخطوة الاولة سوف نقوم بأنشاء 4 صفح في محرر الاكواد البرمجية الخاص بنا الصفحة الاولة هيه صفحة تسجل الدخول (login.php) والصفحة الثانية هيه الصفحة التي سوف نقوم بفحص ما حدث داخل صفحة الفيسبوك (fb-checkcode.php) والصفحة الثالثة هيه صفحة الاتصال (config.php) والصفحة الرابعة هيه الصفحة الرئيسية المخفية (index.php)
  • الخطوة الثانية يجب ان نحمل مكتبة facebook php graph sdk من موقع github من الرابط التالي [button color=”blue” size=”small” link=”https://github.com/facebook/php-graph-sdk” icon=”” target=”false”]لتحميل المكتبة اضغط هنا[/button]
  • الخطوة الثالة نقوم بفك الضغط عن الملف facebook php graph sdk وننقله في الملف الخاص بالمشروع
  • الخطوة الرابعة نذهب الى موقع مطورين الفيسبوك لانشاء تطبيق جديد داخل الفيسبوك واخذ id الخاص به و الكود السري عن طريق هذا الرابط 
  • الخطوة الخامسة نبداء في انشاء صفحة تسجيل دخول بسيطة من الصفر وبالاساسيات

يمكنك تحميل ملف العمل كامل عن طريق الزر ادناه وفقط قم بتغير app id الخاص بتطبيق و الكود السري في ملف config وبعدها سوف يعمل معك بشكل صحيح

[button color = “green” size = “medium” link = “https://blog.omdda.com/wp-content/uploads/2019/07/FacebookLogin-omdda.com_.zip” icon = “fa fa-download “target =” false “] تحميل مجلد العمل [/ button]

مقالات اخرى يمكن ان تفيدك في عالم البرمجة من هنا