تطوير
ابنِ تطبيقًا بقاعدة بيانات وتسجيل دخول مع Supabase
اربط مشروعك بـ Supabase واطلب من CodeScout بناء تطبيق كامل: جداول، وسياسات RLS تحمي بيانات كل مستخدم، وتسجيل دخول بالبريد.
· 2 دقيقة قراءة
أغلب التطبيقات محتاجة نفس الأساس: مستخدمين يسجّلوا دخول، وبيانات تتحفظ، وكل مستخدم يشوف بياناته هو بس. Supabase بيوفّر ده كله، وCodeScout يقدر يبنيه لك من الصفر بطلبات واضحة.
اربط المشروع بـ Supabase
- 01أنشئ مشروع جديد من لوحة Supabase.
- 02في CodeScout اضغط زر الربط بجوار خانة الرسالة واختر Supabase.
- 03الصق بيانات مشروعك المطلوبة في النافذة. الربط بيتحفظ لهذا المشروع بس، ومش هتحتاج تعيده كل مرة.
اطلب التطبيق
اعمل تطبيق مهام React مربوط بـ Supabase:
- تسجيل دخول بالبريد وكلمة المرور
- جدول tasks فيه العنوان وحالة الإنجاز
- كل مستخدم يشوف ويعدّل مهامه هو بس
وجرّب الإضافة والحذف بعد ما تخلص.
ليه RLS مهم جدًا؟
في Supabase التطبيق بيكلّم قاعدة البيانات مباشرة من المتصفح. من غير سياسات RLS (الأمان على مستوى الصفوف)، أي حد معاه مفتاح التطبيق ممكن يقرأ بيانات غيره. لما تطلب "كل مستخدم يشوف مهامه بس"، الوكيل بيكتب سياسات تربط كل صف بصاحبه عن طريق auth.uid().
راجع اللي اتعمل
- اطلب من الوكيل يشرح كل سياسة RLS في سطر واحد.
- افتح التطبيق بحسابين مختلفين واتأكد إن كل واحد مش شايف مهام التاني.
- اطلب ملف ترحيل (migration) واضح علشان تقدر تعيد بناء قاعدة البيانات في أي وقت.
مفتاح service_role في Supabase بيتخطى كل سياسات الأمان. لا تضعه أبدًا في كود الواجهة ولا ترفعه على GitHub.
تطوير التطبيق بعد كده
- "ضيف تسجيل دخول بحساب Google."
- "ضيف تاريخ استحقاق للمهام وفلتر للمتأخر منها."
- "اعمل صفحة إحصاءات بعدد المهام المنجزة كل أسبوع."
كل طلب من دول بيبني على اللي قبله. وخلّي كل مهمة كبيرة في محادثة جديدة علشان السياق يفضل مركّز ورصيدك يتوفّر.
