كيفية استخدام WordPress كنهاية خلفية: موارد للشروع في استخدام واجهة برمجة تطبيقات REST

كانت واجهة برمجة تطبيقات WordPress REST موجودة منذ فترة حتى الآن ، ولكن قد لا يكون فهم ما هي وسبب أهميتها واضحًا على الفور للقادمين الجدد وغير المطورين. ومع ذلك ، فإن هذه الأداة هي أداة مفيدة يجب معرفتها للمستخدمين من جميع الأشرطة ، حيث تتيح لك استخدام واجهة WordPress المألوفة فقط كنهاية خلفية ، وتطوير الواجهة الأمامية باستخدام أدوات ولغات أخرى.

سيوفر هذا المنشور مقدمة حول ماهية WordPress REST API وما هي قادرة عليه. سنشارك أيضًا بعض الخطوات لمساعدتك في بدء استخدام WordPress كنهاية خلفية لتطبيق أو موقع ويب.

دعنا نذهب اليها!

مقدمة لواجهة برمجة تطبيقات WordPress REST

هناك العديد من المقالات التي تشرح ماهية WordPress REST API - لقد قمنا بتغطية هذا سابقًا - لذلك سنحافظ على هذا الموجز لتجنب تكرار أنفسنا. ببساطة ، فإن واجهة برمجة التطبيقات (API) هي التي تمكن الاتصالات بين مختلف الأجهزة والتطبيقات والبيانات.

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

نقل الحالة التمثيلية (REST) ​​هو "أسلوب معماري" أو نوع من واجهة برمجة التطبيقات. إنه مصمم ليكون خفيف الوزن ويتطلب حدًا أدنى من النطاق الترددي عند استخدامه. باستخدام واجهة برمجة تطبيقات REST ، يمكنك إجراء أربعة أنواع أساسية من الطلبات:

• GET : يسترجع البيانات من الجهاز أو التطبيق أو قاعدة البيانات التي تتواصل معها.
• POST : يضيف البيانات إلى الجهاز أو التطبيق أو قاعدة البيانات التي تتواصل معها.
• PUT : تحديثات البيانات الموجودة بالفعل على الجهاز أو التطبيق أو قاعدة البيانات التي تتواصل معها.
• حذف : يزيل البيانات من الجهاز أو التطبيق أو قاعدة البيانات التي تتصل بها.

تستخدم واجهة برمجة تطبيقات WordPress REST API JavaScript Object Notation (JSON) لإرجاع البيانات. لذلك ، عندما تجمع كل هذا معًا ، تحصل على طريقة خفيفة لتوصيل طلبات GET و POST و PUT و DELETE بين مواقع WordPress والأنظمة الأساسية الأخرى من خلال استخدام JSON.

فهم ما يمكن أن تفعله واجهة برمجة تطبيقات WordPress REST

قد يبدو أن واجهة برمجة تطبيقات WordPress REST ليست مفيدة لك ، خاصة إذا لم تكن مطورًا. ومع ذلك ، هناك العديد من الأشياء التي يمكن لواجهة برمجة التطبيقات القيام بها والتي قد يرغب مستخدمو WordPress المتوسطون في تجربتها ، مثل:

• مزامنة المحتوى. يمكنك استخدام واجهة برمجة تطبيقات REST لتمكين مواقع WordPress المختلفة من التواصل مع بعضها البعض. على سبيل المثال ، يمكنك اختبار إعادة تصميم موقع ويب عن طريق مزامنة المحتوى بين موقعك الحالي والإصدار المعاد تصميمه.
• مشاركة المحتوى. في ملاحظة مماثلة ، يمكنك أيضًا دمج محتوى من عدة مواقع ويب مختلفة. انطلق في نشاط تجاري مع مواقع متعددة لكل منها موقعه الخاص - يمكنك تجميع المحتوى من الثلاثة إلى موقع آخر شامل.
• إعداد ورقة Google لبيانات WordPress. باستخدام واجهة برمجة تطبيقات REST ، يمكنك توصيل موقع WordPress الخاص بك وجداول بيانات Google. قد يساعدك هذا في تنظيم مشاركاتك في جدول بيانات للبقاء على اطلاع دائم بتحديثات المحتوى.
• إنشاء تطبيقات الجوال. من خلال ربط موقع WordPress الخاص بك بواجهة أمامية لتطبيق مخصص ، يمكنك إنشاء تطبيق جوال لاستكمال موقع سطح المكتب الخاص بك. هذا مفيد في حالات مثل إنشاء إصدار تطبيق لمتجر WooCommerce.
• استخدام WordPress "مقطوعة الرأس". إذا كانت خيارات عرض الواجهة الأمامية لـ WordPress لا تفعل ذلك نيابةً عنك ، فإن واجهة برمجة تطبيقات REST تمكنك من استخدام WordPress لإنشاء وإدارة المحتوى بالكامل أثناء تقديم المحتوى للمستخدمين على موقع ويب مخصص أو واجهة أمامية لتطبيق الويب. يُعرف هذا باسم WordPress "مقطوعة الرأس".

سيؤدي البحث السريع في Google إلى ظهور العديد من الطرق الأخرى التي يتم من خلالها استخدام WordPress REST API. ومع ذلك ، بالنسبة لبقية هذا المنشور ، سنركز على استخدام WordPress كنهاية خلفية لتطبيق أو موقع ويب.

كيفية استخدام WordPress كنهاية خلفية (في 3 خطوات)

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

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

الخطوة 1: تحميل المحتوى إلى WordPress واختبار REST API

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

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

بمجرد الانتهاء من إعداد كل شيء ، من المحتمل أن ترغب في إجراء اختبار لمعرفة كيفية عمل WordPress REST API. لحسن الحظ ، يمكنك القيام بذلك في متصفحك مباشرة. ما عليك سوى كتابة المجال الخاص بك متبوعًا بـ wp-json / wp / v2 / posts:

يجب أن تشاهد شيئًا مثل الصورة أعلاه ، على الرغم من أن مقدار JSON المعروض سيختلف اعتمادًا على كيفية ملء الموقع. لقد نجحت الآن في استخدام WordPress REST API لإرجاع البيانات لجميع مشاركاتك. يحتوي دليل REST API على معلومات حول كيفية القيام بذلك للحصول على معلومات أخرى أيضًا.

لتلخيص هذه الخطوة:

1. أولاً ، قمنا بإعداد تثبيت WordPress ليكون بمثابة النهاية الخلفية لتطبيقنا / موقع الويب الخاص بنا.
2. أنشأنا المحتوى الذي نريد عرضه على الواجهة الأمامية لمشروعنا داخل WordPress كمشاركات وصفحات وما إلى ذلك.
3. لمشاهدة واجهة برمجة تطبيقات REST قيد التشغيل ، قمنا بإرجاع JSON لجميع منشوراتنا داخل المتصفح.

بمجرد أن تشعر أن لديك مؤشرًا على كيفية عمل كل هذه الأجزاء معًا ، يمكنك الانتقال من النهاية الخلفية لموقعك لبدء العمل في الواجهة الأمامية.

الخطوة 2: قم بإعداد التطبيق أو الواجهة الأمامية لموقع الويب باستخدام React

الآن لديك جوانب "ما وراء الكواليس" التي تم تحديدها ، ستحتاج إلى العمل على جزء من التطبيق أو موقع الويب الخاص بك الذي سيراه المستخدمون بالفعل. الطريقة الشائعة لإنجاز ذلك لمستخدمي WordPress هي من خلال React:

بالنسبة للمبتدئين ، فإن React (كما يقرأ سطر الوصف في الصورة أعلاه) مكتبة JavaScript لبناء واجهات المستخدم. يمكّنك من إنشاء عناصر تسمى "المكونات" ، والتي تصبح الأجزاء التي تشكل الواجهة الأمامية لتطبيقك أو موقع الويب الخاص بك. قد يشمل ذلك المنشورات أو الأزرار أو الصور أو أي عدد من الميزات والوظائف الأخرى.

هناك أيضًا العديد من الأنظمة الأساسية الأخرى التي قد ترغب في التفكير فيها لبناء مشروعك ، لذا تسوق قبل الالتزام. إن المداخل والمخارج الكاملة لاستخدام React (أو ما شابه) خارج نطاق هذه المقالة. ومع ذلك ، بمجرد أن تستقر على طريقة لإنشاء الواجهة الأمامية ، اعتن بأي تكوين حتى تكون جاهزًا لبدء بناء المكونات.

الخطوة 3: قم بتوصيل الواجهة الخلفية لـ WordPress بالواجهة الأمامية

الآن ، يجب أن تكون لديك الواجهة الخلفية لـ WordPress والواجهة الأمامية لـ React (أو غير ذلك). الآن ، تحتاج فقط إلى حثهم على التحدث مع بعضهم البعض حتى يتم عرض البيانات من WordPress في التطبيق أو موقع الويب الخاص بك. هذا هو المكان الذي يأتي فيه WordPress REST API.

نظرًا لأنك قد اختبرت بالفعل واجهة برمجة التطبيقات ، ورأيت أنه يمكنها إرجاع البيانات لمشاركاتك والمحتويات الأخرى ، فأنت تعلم أنها تعمل وجاهزة للعمل. بعد ذلك ، ستحتاج إلى إنشاء مكونات تستخدم واجهة برمجة تطبيقات REST لاسترداد المنشورات من WordPress وعرضها على الواجهة الأمامية.

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

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

بمجرد استخدام WordPress REST API للحصول على كل المحتوى الخاص بك على الواجهة الأمامية ، يمكنك البدء في إنشاء المزيد من المكونات (والمعقدة بشكل متزايد) ، ثم العمل على تخصيص الواجهة الأمامية لموقعك بشكل أكبر - كل ذلك أثناء استخدام WordPress من أجل مواصلة إنشاء المحتوى وإدارته.

استنتاج

من المؤكد أن هناك منحنى تعليمي عندما يتعلق الأمر بواجهة برمجة تطبيقات WordPress REST ، خاصة إذا كان لديك الحد الأدنى من معرفة الترميز. ومع ذلك ، بمجرد أن تتعطل ، يمكن أن تساعدك هذه الميزة على التوسع في الأساس الأساسي الخاص بك لاستخدام WordPress كنهاية خلفية لتطبيقك الخاص أو موقع الويب المخصص.

قدم هذا المنشور بعض الخطوات الأساسية والمبسطة لاستخدام WordPress كنهاية خلفية. دعنا نلخصها بسرعة:

1. قم بتحميل المحتوى إلى WordPress واختبر واجهة برمجة تطبيقات REST.
2. قم بإعداد التطبيق أو الواجهة الأمامية لموقع الويب الخاص بك باستخدام React.
3. قم بتوصيل الواجهة الخلفية لـ WordPress بالواجهة الأمامية لـ React.

هل لديك أي أسئلة حول REST API أو استخدام WordPress كنهاية خلفية؟ اسألهم في قسم التعليقات أدناه!

المادة المصغرة صورة Jesus Sanz / shutterstock.com