تسجيل الدخول عن طريق GOOGLE API

السلام عليكم اليوم سوف نقوم بشرح كيفية برمجة صفحة تسجيل الدخول عن طريق GOOGLE API

سبق وان انشئنا صفحة تسجيل دخول عن طريق FACEBOOK API وهذه الصفحة مشابها لها تمام ولاكن مع الاختلاف البسيط في الكود البرمجي من جوجل وفيسبوك يمكنك الاطلاع على شرح تسجيل الدخول عن طريق فيسبوك من هنا

والان نبداء في الشرح ويمكنك تحميل ملف العمل في نهاية الشرح…

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

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

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

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

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

  • الخطوة الاولة سوف نقوم بانشاء 5 صفحات برمجية
  • – الصفحة الاولة هيه صفحة تسجيل الدخول login.php ونقوم بتصميم صفحة تسجيل دخول بسيطة مع اضافة زر تسجيل الدخول عن طريق جوجل اليها
  • – الصفحة الثانية هيه صفحة الاعدادات config.php والتي سوف نقوم بتحويل الزائر عن طريقها الى جوجل لاخذ المعلومات
  • – الصفحة الثالثة هيه الصفحة التي سوف نفحص المعلومات المرسولة من جوجل g-checkcode.php
  • – الصفحة الرابعة هيه الصفحة الرئيسية index.php التي سوف نقوم بتحويل الزائر عليها في حال موافقته على ارسال معلوماته لنا عن طريق جوجل
  • – الصفحة الخامسة هيه صفحة لتسجيل الخروج logout.php
  • الخطوة الثانية سوف نقوم بتحميل ملف google api عن طريق هذا الرابط
  • الخطوة الرابعة نذهب الى موقع مطورين جوجل عن طريق هذا الرابط  ونقوم بأنشاء مشروع جديد وملئ البيانات المطلوبة حتى ظهور app id و الكود السري الخاص بالتطبيق
  • الخطوة الاخيرة حمل ملف الكود ادناه ومن ثم اتبع التعليملات التي موضحة بداخله حتى يتم عمل التطبيق

التعليمات هيه ان تقوم بتعباء المعرف الخاص بالتطبيق الخاص بك app id الذي قمت بأنشائه في الخطوة الرابعة وايضا بتعباء الكود السري الخاص بالتطبيق داخل ملف config.php ومن ثم صفحة تسجيل الدخول سوف تعمل على اكمل وجه.

[button color=”green” size=”medium” link=”https://blog.omdda.com/wp-content/uploads/2019/07/GoogleLogin-omdda.com_.zip” icon=”fa fa-download” target=”false”]حمل ملف الاكواد من هنا[/button]