المصادقة
أنت تبني مدير مهام بسيطاً في HeroMate. على مدار السلسلة ستضيف المصادقة والجداول وendpoints والتخزين ومساعداً بالذكاء الاصطناعي ولاحقاً المدفوعات. يبدأ هذا الفيديو بـ المصادقة — لكن أولاً يجب أن تربط مشروعك بـ HeroMate.
ماذا يغطي هذا الفيديو
بيئة التطوير والمشروع
استخدم أياً من عملاء الذكاء الاصطناعي المدعومين — Claude Code أو Codex أو Cursor أو Windsurf أو Antigravity (أو أي أداة متوافقة مع MCP). يستخدم المثال تطبيقاً Next.js فارغاً (صفحة تجريبية واحدة) حتى تتمكن من المتابعة حتى إن كنت «لا تعرف شيئاً» عن HeroMate بعد.
اربط MCP
افتح صفحة المؤسسة "Conectar IA" (رموز MCP) على /{org}/mcp/tokens، أنشئ رمزاً، وأضف إعداد MCP إلى عميل الذكاء الاصطناعي (القائمة الدقيقة تعتمد على العميل). بعد الربط، يجب أن تظهر أدوات HeroMate لمشروعك.
اختر نموذجاً
يستخدم الدرس نموذجاً سريعاً (Composer 2 في الفيديو)، لكن يمكنك استخدام Claude أو Gemini أو GPT أو ما تفضّله.
اطلب من الذكاء الاصطناعي بناء المصادقة
وجّه وكيلك لبناء مصادقة كاملة للتطبيق باستخدام HeroMate: تسجيل الدخول والتسجيل ونسيت كلمة المرور وتغيير كلمة المرور. لا تحتاج أن تكون متخصص HeroMate — يمكن للوكيل الاعتماد على التوثيق وأدوات MCP.
الاعتماديات
اطلب من الوكيل التحقق من تثبيت SDK عميل HeroMate والحزم ذات الصلة. إذا كان شيء ناقصاً، اجعله يثبّت ما تتطلبه الوثائق حتى لا تفعله يدوياً.
التنفيذ
سيستدعي الوكيل أدوات HeroMate، ويقرأ التوثيق، وينشئ تدريجياً صفحات الواجهة. انتظر حتى ينتهي التشغيل.
عنوان URL للبيئة
ما زلت تحتاج أن تخبر الواجهة أين يعيش مشروع HeroMate على الإنترنت — الفكرة نفسها في الدرس الأول (الإعداد / الربط). في Next.js، انسخ عنوان URL العام للمشروع من لوحة تحكم HeroMate (المقطع المعروض لمكدسك)، ضعه في .env.local (مثلاً NEXT_PUBLIC_DYPAI_URL=...)، ثم أعد تشغيل خادم التطوير حتى تُحمَّل متغيرات البيئة.
اختبر التدفق
افتح تطبيقك: سجّل بالاسم والبريد وكلمة المرور. ترسل HeroMate بريد تحقق — افتحه، أكّد، ويجب أن تُعاد توجيهك إلى التطبيق. ثم سجّل الدخول وتأكد أن الجلسة تعمل. من هناك يمكنك تسجيل الخروج والتحقق مرة أخرى.
منطقة Authentication
بعد ربط المصادقة، قسم Authentication (Build → Authentication) هو حيث تديرها. له هذه الأقسام الفرعية:
- Users — المستخدمون المسجّلون لديك.
- Roles — تعريفات الأدوار المستخدمة للتحكم في الوصول.
- Providers — تسجيل الدخول الاجتماعي / OAuth (فعّل مزوّداً هنا قبل استخدام
signInWithOAuth). - Mail — قوالب البريد والمرسل لرسائل التحقق وإعادة التعيين.
- SMS — مزوّد SMS OTP (اضبط هذا قبل استخدام تسجيل الدخول بالهاتف).
- Settings — إعدادات المصادقة العامة.
للمصادقة على الخادم داخل endpoint، توجد أيضاً عقدة سير عمل dypai_auth.
ماذا ستتعلم
- ربط MCP واستخدام أدوات HeroMate من بيئة التطوير
- جعل الوكيل يبني صفحات المصادقة مربوطة بـ HeroMate Auth
- تثبيت SDK العميل وضبطه عبر التوجيهات
- ضبط
.env.localبعنوان URL لمشروعك وإعادة تشغيل التطبيق - التحقق من البريد وحلقة تسجيل دخول / تسجيل خروج تعمل
التالي
تابع مع الجداول وendpoints لتصميم المهام وAPIs وبقية التطبيق — ثم التخزين ووكيل الذكاء الاصطناعي والمدفوعات (مثلاً Stripe لخطة Premium أو Pro).