الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

تطبيق مثال العالم الحقيقي

تحتوي قاعدة بيانات React + Apollo على أمثلة من العالم الحقيقي (CRUD، والمصادقة، والأنماط المتقدمة، وما إلى ذلك) التي تلتزم بمواصفات RealWorld وGraphQL API.

تجريبي العالم الحقيقي

تم إنشاء قاعدة التعليمات البرمجية هذه لتوضيح تطبيق Fullstack المتكامل والمبني باستخدام React + Apollo، بما في ذلك عمليات CRUD والمصادقة والتوجيه وترقيم الصفحات والمزيد.

ابدء

يمكنك مشاهدة العرض التجريبي المباشر على https://realworld-react-apollo.herokuapp.com/

لتشغيل الواجهة الأمامية محليًا:

  1. استنساخ هذا الريبو
  2. npm install لتثبيت التبعيات المطلوبة
  3. npm start في تشغيل خادم التطوير

تقديم طلبات إلى واجهة برمجة التطبيقات الخلفية

للراحة، لدينا خادم GraphQL API مباشر يعمل على https://realworld-graphql.herokuapp.com/graphql ليتمكن التطبيق من تقديم طلبات مقابله. يمكنك عرض مواصفات GraphQL API هنا والتي تحتوي على مخطط الخادم.

يمكن العثور على الكود المصدري لخادم الواجهة الخلفية (المتوفر لـ Ruby on Rails) في هذا الريبو.

إذا كنت تريد تغيير عنوان URL لواجهة برمجة التطبيقات (API) إلى خادم محلي، فما عليك سوى تعيين REACT_APP_GRAPHQL_URL متغير البيئة إلى عنوان URL آخر. REACT_APP_GRAPHQL_URL=http://localhost:3000/graphql yarn start

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل