في هذا المقال سيتم شرح كيفية إنشاء حساب فيسبوك للمطورين واستخدامه لتفعيل خاصية تسجيل الدخول السريع بمتجرك عن طريق حسابات فيس بوك وانستاجرام من خلال تطبيق تسجيل الدخول السريع.

ويجب التأكد من تفعيل شهادة الأمان على متجرك قبل البدء في ربط خدمة الدخول السريع به.

أولاً: إنشاء حساب المطورين

في البداية يتم تسجيل الدخول على حساب فيسبوك العادي للمستخدمين ثم يتم الدخول على الرابط: https://developers.facebook.com ويتم الضغط على رابط Get Started.

ستظهر لنا نافذة إنشاء الحساب، يتم الضغط على زر Next.

ثم يتم اختيار أقرب وصف للدور الوظيفي الخاص بك بمتجرك الالكتروني، وأقرب اختيار هو Owner/Founder.

ثم يتم الضغط على زر Create First App.

من قائمة أنواع التطبيقات يتم اختيار For Everything Else.

ثم تظهر نافذة خاصة بالبيانات الأولية للتطبيق، يتم كتابة إسم التطبيق ويمكن أن يكون بنفس إسم متجرك، ويكون عنوان الايميل الافتراضي المسجل هو نفس عنوان الايميل المسجل لحساب فيسبوك، ويمكن تعديله في حال رغبتكم باستقبال المراسلات الخاص بهذا التطبيق على عنوان ايميل مختلف، ثم يتم الضغط على Create App ID.

ستظهر نافذة تأكيد ReCaptch، يتم اختيار I'm not a robot ثم الضغط على submit.

ثانياً: تفعيل التسجيل السريع لحسابات فيس بوك

في الخطوات السابقة تم إنشاء حساب المطورين وإنشاء أول تطبيق بالحساب، حيث يتم تفعيل خواص الدخول السريع وغيرها من الخواص المتاحة من داخل التطبيق.

من خلال صفحة التطبيق يتم اختيار خاصية Facebook Login

من القائمة الجانبية يتم الدخول على Settings ثم Basic.

ثم يتم تعبئة البيانات التالية:

App Domains : يتم إضافة الدومين الخاص بمتجرك مرتين، مرة بدون www ومرة بـ www بادخال إسم الدومين ثم الضغط على زر Enter من لوحة المفاتيح، ويكون شكل الدومينات المدخلة كالآتي:

yourdomain.com

و

www.yourdomain.com

Privacy Policy URL : يتم إضافة رابط صفحة سياسة خصوصية المتجر في هذا الحقل.

Terms of Service URL : يتم إضافة رابط صفحة شروط الخدمة المتجر في هذا الحقل.

Category : يتم اختيار نشاطك ، والاختيار الاقرب هو Shopping.

App Purpose : يتم تحديد الغرض من التطبيق، يتم اختيار Yourself or your own business.

ثم يتم النزول لآخر الصفحة والضغط على زر Add Platform ثم اختيار Website ثم إدخال الدومين كامل مسبوق بـ https:// في هذه الخانة. ثم الضغط على حفظ.

ثم يتم التوجه من القائمة الجانبية إلى Settings ثم Advanced وتفعيل خيار Native or desktop app وتعديله لـ Yes ثم الضغط على حفظ.

ثم يتم التوجه من القائمة الجانبية إلى Facebook Login ثم  Settings وإدخال روابط التوجيه التالية الخاصة بدومين متجرك في خانة Valid OAuth Redirect URIs وهي:

https://yourdomain.com/d_social_login.php?hauth.done=Facebook و https://www.yourdomain.com/d_social_login.php?hauth.done=Facebook

حيث تستبدل yourdomain.com بدومين متجرك الالكتروني. ثم يتم تفعيل خيار Login from Devices ليكون Yes ثم حفظ الاعدادات.

بعد ذلك يتم التوجه من القائمة الجانبية إلى صفحة Settings ثم Basic وتعديل بيئة عمل التطبيق من خلال الضغط على الزر أعلى الصفحة بجوار جملة In Development لتحويل بيئة العمل إلى Live، ستظهر نافذة بها تنبيه، يتم الضغط على Switch Mode

بعد تحويل بيئة عمل التطبيق إلى Live يتم الضغط على زر Show بجوار خانة App Secret لاظهار الكود السري للتطبيق ثم يتم نقل App ID و App Secret من تطبيق فيسبوك والتوجه الى لوحة تحكم متجرك ثم تطبيق الدخول السريع ولصقه في الخانات المخصصة لفيسبوك. وبذلك يكون تسجيل العملاء والمستخدمين على متجرك بحسابات فيسبوك جاهز للعمل.

ثالثا: تفعيل التسجيل السريع بحسابات انستاجرام

الدخول السريع لحسابات انستاجرام يتم تفعيله ايضاً من داخل حساب فيسبوك للمطورين.

من خلال القائمة الجانبية يتم اختيار Dashboard ثم اختيار خاصية Instagram Basic Display

سيتم التوجيه لصفحة التعريف بالتطبيق الجديد والامكانيات المتاحة به، يتم الضغط على Create New App.

ستظهر نافذة لادخال اسم التطبيق وبها الاسم الحالي للتطبيق بالفعل، ويمكن تعديله لعمل تطبيق جديد لانستاجرام ولكن يفضل تفعيل خاصية الدخول لانستاجرام على نفس التطبيق مع فيسبوك حتى لا نقوم باعادة ضبط اعدادات التطبيق الجديد والتي تمت بالفعل في الخطوات السابقة الخاصة بفيسبوك.

سيتم التوجيه إلى صفحة إعدادات التطبيق.

ويتم تعبئة البيانات التالية:

Valid OAuth Redirect URIs : يتم اضافة روابط التوجيه الخاصة بدومين متجرك كالآتي: https://yourdomain.com/d_social_login.php

و

https://www.yourdomain.com/d_social_login.php

مع استبدال yourdomain.com بدومين متجرك.

Deauthorize Callback URL : يتم اضافة صفحة يتم توجيه العميل لها في حالة انه غير مصرح له بتسجيل الدخول بحساب انستاجرام، يمكن ادخال رابط الصفحة المطلوبة لم يتم العثور عليها وهو https://yourdomain.co/index.php?route=error/error ويتم استبدال yourdomain.com بالدومين الخاص بمتجرك، او ادخال رابط صفحة ويب يتم انشائها من جانب مدير المتجر.

Data Deletion Request URL : يتم اضافة رابط صفحة حذف الحساب ونظراً لعدم توفر خاصية حذف حساب العميل في الوقت الحالي يمكن اضافة رابط صفحة حساب العميل وهو: https://yourdomain.com/index.php?route=account/account

ثم يتم النزول إلى آخر الصفحة في الجزء بعنوان App Review for Instagram Basic Display ويتم الضغط على الزرين Add to Submission لكل من instagram_graph_user_profile و instagram_graph_user_media لبدء مراجعة التطبيق والموافقة عليه من جانب فريق المراجعة بفيسبوك.

بعد الموافقة على التطبيق يتم الدخول على حسابك للمطورين والتوجه إلى صفحة التطبيق لنقل بيانات الربط أو App ID و App Secret بحساب تسجيل الدخول السريع بمتجرك.