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

الشذوذ الخريطة

Queering the Map عبارة عن منصة مجتمعية حيث يقوم الأفراد بتثبيت تجاربهم وقصصهم الكويرية بشكل مجهول في مواقع محددة على خريطة عالمية.

يثبت

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

الخيار 1: الإعداد السريع للعمل على الواجهة الأمامية فقط

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

  1. تثبيت التبعيات باستخدام npm ci .
  2. قم بتشغيل البرنامج النصي الأولي لإنشاء بيانات وهمية: npm run seed-data .
  3. انسخ .env.example إلى .env : cp .env.example .env .

الخيار 2: الإعداد الكامل مع Supabase

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

  1. تثبيت التبعيات مع npm install .
  2. قم بإعداد مشروع Supabase (محلي) مع واجهة سطر الأوامر (CLI) الرسمية.
  3. ضبط متغيرات البيئة.
    1. انسخ ملف .env.example إلى .env (يدويًا أو باستخدام cp .env.example .env ).
    2. احصل على SUPABASE_URL و SUPABASE_ANON_KEY من مخرجات supabase start .
  4. قم بتشغيل عمليات ترحيل قاعدة البيانات محليًا باستخدام supabase db reset .
  5. جلب البيانات من Supabase: npm run fetch-data .

النامية

لبدء خادم التطوير: 

npm run dev

اختبار

لاختبار قاعدة البيانات تأكد من تمكين ملحق pgTap في postgres (مزيد من المعلومات). بعد ذلك، يمكنك تشغيل: supabase test db .

النشر والبناء للإنتاج

لاستخدام Supabase كواجهة خلفية بعيدة، تأكد من ربط تطويرك المحلي بمشروع Supabase البعيد الخاص بك:

  1. تأكد من أن لديك حساب Supabase وقم بتوصيله بـ Supabase cli: supabase login
  2. ربط supabase link --project-ref <project-ref> (مزيد من المعلومات)
  3. تشغيل عمليات الترحيل على supabase db push عن بعد (مزيد من المعلومات)
  4. تأكد من أن env vars SUPABASE_URL و SUPABASE_ANON_KEY يشيران إلى مشروع الإنتاج الصحيح وليس إلى الحاويات المحلية. يمكنك الحصول عليها من داخل لوحة معلومات مشروع Supabase الخاص بك.

لإنشاء نسخة إنتاجية من التطبيق: 

npm run build

قم بإعداد حماية كلمة التحقق

لحماية Captcha لعمليات إرسال النقاط، نستخدم Cloudflare Turnstile. بمجرد إنشاء عنصر واجهة مستخدم هناك، قم بملء القيم الصحيحة لمتغيرات env: 

PUBLIC_CLOUDFLARE_TURNSTILE_SITE_KEY
CLOUDFLARE_TURNSTILE_SECRET

لمزيد من المعلومات، راجع هذا الدليل: https://developers.cloudflare.com/turnstile/get-started/.

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