إعداد firebase

وعليكم السلام ورحمة الله وبركاته.

هل تقصد أن الواجهة الخلفية (back end) للمتجر  تم رفعها على firebase أم ماذا ؟ وأيضا هل قمت بإنشاء الصفحة المتجر الأمامية من خلال React أو إطار عمل أم فقط HTML و CSS و JS ؟

لربط الواجهات الامامية مع الواجهات الخلفية هذا الأمر يتم من خلال ال API وباستخدام AJAX إذا لم تكن تعمل بأطر عمل مثل React . حيث ستقوم بإرسال الطلبات من الواجهة الأمامية إلى عنوان ال API الخاص بالواجهة الخلفية ومن ثم إستقبال الرد وتنفيذ المطلوب بعد ذلك في الواجهة الأمامية. وإليك شرح لتفاصيل ال API وكيفية الربط بين الواجهتين :

وإذا كان الواجهة الخلفية مرفوعة على firebase فأنت لست بحاجة إلى تعلم firebase أو الواجهات الخلفية كل ما عليك معرفته هو ال API الخاص بكل خاصية في المشروع فمثلا لتسجيل الدخول يجب عليك معرفة عنوان API الخاص بتسجيل الدخول وما هو شكل البيانات الذي يجب إرساله مع الطلب وبعد ذلك تقوم بإستقبال الرد وإستخدامه في الواجهة الأمامية لديك مثل عرض إسم المستخدم وبياناته بعد تسجيل الدخول بنجاح.

والأمر ليس بسيط أو سهل إذا لم تكن لديك خلفية عن ذلك وأيضا إذا لم تكن تعمل على إطار عمل مثل React . وأنصحك  برؤية مسار "تطبيق دردشة يشبه WhatsApp" وقسم تطبيق الويب لتعرف كيف يتم الربط بين الواجهات من خلال React

بتاريخ 33 دقائق مضت قال محمد_عاطف:

ل قمت بإنشاء الصفحة المتجر الأمامية من خلال React أو إطار عمل أم فقط HTML و CSS و JS

المتجر بدون واجهة خلفية .. بسيطة فقط من خلال html ,css, js ,bootstrap ، لا تحتوي على اشياء كثيرة فقط نموذج طلب واختيار منتجات  وصفحة الادمن اريدها يسمح للمدير فقط بتعديل المنتجات  وتفاصيلها وتعديل بعض النصوص في صفحة المتجر وينشر التعديلات مباشرة  .. وأيضا المتجر منشورة على استضافة firebase

بتاريخ 26 دقائق مضت قال حذيفة محمد:

المتجر بدون واجهة خلفية .. بسيطة فقط من خلال html ,css, js ,bootstrap ، لا تحتوي على اشياء كثيرة فقط نموذج طلب واختيار منتجات  وصفحة الادمن اريدها يسمح للمدير فقط بتعديل المنتجات  وتفاصيلها .. 

كنت أقصد الواجهة الخلفية التي وضحتها أنت وهي صفحة الادمن . وأيضا المتجر نفسه .

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

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

لذلك بدون ال API الخاص بالمتجر فلن تستطيع ربط الأدمن أو الواجهة الأمامية . 

بتاريخ 1 دقيقة مضت قال محمد_عاطف:

كنت أقصد الواجهة الخلفية التي وضحتها أنت وهي صفحة الادمن . وأيضا المتجر نفسه .

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

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

لذلك بدون ال API الخاص بالمتجر فلن تستطيع ربط الأدمن أو الواجهة الأمامية . 

اها ، وكيف يمكنني بناء API ؟ ألا توفر فايربيس API خاص بها ؟

بتاريخ 6 دقائق مضت قال محمد_عاطف:

فكيف ستستطيع جلب بيانات المنتجات وتفاصيلها ؟ والسماح للمستخدم بإرسال الطلبات

استخدمت formsubmit.co 

بتاريخ الآن قال حذيفة محمد:

اها ، وكيف يمكنني بناء API ؟ ألا توفر فايربيس API خاص بها ؟

أنصحك بقراءة الإجابة السابقة التي وضحتها لك لتعرف أكثر ما هو ال API أو يمكنك مشاهدة الفيديو التالي :

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

بما أنك مشترك في دورة "تطوير التطبيقات باستخدام javascript" هل قمت بدراسة مسار "أساسيات Node.js" ؟ حيث في هذا المسار ستتعلم بناء الواجهات الخلفية وتوفير API لها وستفهم ما هو ال API.

تلخيصا لما سبق يجب عليك أنت إنشاء ال API بنفسك لتطبيق الخصائص والمهام التي تريد تنفيذها وليس firebase أو أى موقع أخر يستطيع القيام بهذا بدلا منك.