اضافة back-end لمشروع front-end

يتم ذلك من خلال الـ API، ففي الواجهة الخلفية يتم إنشاء API's ولها مسارات end points أو نقاط نهاية، نستخدم تلك المسارات في الواجهة الأمامية لإرسال البيانات من خلال طلبات POST أو الحصول على البيانات من خلال طلبات GET.

ستجد تفصيل هنا:

أولا يجب عليك إختيار لغة مناسبة لمشروعك للـعمل عليها ك Back-end مثل: Node.js مع Express لـ JavaScript، أو Django/Flask لـ Python، أو Spring Boot لـ Java أو php مع laravel .

ثانيا قم بإعداد المشروع بالتقنية واللغة التي اخترتهاو قم بتهيئته .

ثالثا قم بإعداد قاعدة البيانات إن كان التطبيق يعتمد على حفظ وإسترجاع البيانات.

رابعا قم بإنشاء ال API Endpoints لتمكين التواصل بين الـ front-end والـ back-end .يمكنك استخدام RESTful APIs .

إذا كانت تطبيقك يتطلب قاعدة بيانات، قم بإعداد قاعدة بيانات وربطها مع تطبيقك الـ back-end.

وأخيرا تكامل وترابط الـ Back-end مع الـ Front-end  بعد الإنتهاء من ال backend سيتوجب عليط في الـ front-end بإرسال الطلبات إلي الـ API endpoints الذين سترتبط معهم لإحضار البيانات من الـ back-end وإرسال البيانات له.

أيضا إذا كنت فقط قد قمت بإنشاء ال front-end بإستخدام HTML و css فقط إذا ستجد صعوبة في الربط حيث ستقوم أنت بإنشاء كل شئ من حيث إرسال الطلبات و إنشاء العناصر وإظهار البيانات لذلك يفضل إستخدام إطار عمل مناسب مثل react أو angular 

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

في حالة ما كان هنالك فريق يعمل معك، فسيتوجب عليك وضع توثيق لما تعمل عليه كي يستطيع العمل من بعدك بأفضل طريقة ممكنة وألا يتوقف العمل، ففي أغلب المشاريع يفتقر المبتدؤون إلى مهارة توثيق أكوادهم، وعدم كتابتها بشكل نظيف ممّا يعيق عملية فهمها ويصعّب من مهمّة ربط الفرونت أند بالباكند.

إن رغبت في المزيد من الشروحات ستجدها من هنا: