With DEBUG=0 and Kavenegar unconfigured, POST /api/auth/otp/request returns a hard 503, so the only way to sign in was for someone with admin access to hand- create an OTPCode row. That made every frontend developer's login depend on one person being available. TEST_LOGIN_PHONES is the pattern real apps use for exactly this (Firebase Auth's fictional numbers, Apple's App Store demo account): a short allowlist of phone:code pairs that skip SMS delivery entirely. Unlike DEV_MASTER_OTP it is not "any phone with one code" and it is not tied to DEBUG -- each number carries its own code, and everything else takes the normal OTP path untouched. The code never appears in an API response, so knowing the number is not enough to log in, and the existing per-phone login attempt limit still applies, so the code cannot be brute-forced. Malformed configuration raises ImproperlyConfigured at startup rather than being skipped silently, and /api/health reports how many test numbers are open (count only) so they cannot be forgotten on a server that has real users. The code is capped at six digits because LoginRequestSerializer caps otp at max_length=6; a longer code would have been rejected before reaching the check and looked like the feature was broken. The guest path the frontend uses today is untouched, and leaving the variable empty reproduces the previous behaviour exactly. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
8.2 KiB
راهنمای اتصالِ فرانتاند به این بکاند
این پوشه برای تیمِ فرانت (MathApp_frontend) است. api.ts یک کلاینتِ
تایپدار است که از روی OpenAPI واقعیِ همین سرور نوشته شده — نامِ فیلدها حدس
نیست.
cp docs/frontend/api.ts <پروژهی-فرانت>/src/lib/api.ts
import { createClient } from './lib/api';
export const api = createClient({ baseUrl: import.meta.env.VITE_API_URL ?? '/api' });
نگاشتِ صفحاتِ فعلیِ فرانت به API
فرانت الان (src/app/App.tsx) خروجیِ Figma Make است و هیچ فراخوانیِ APIای
ندارد؛ همهی دادهها هاردکد است. این جدول میگوید هر صفحه به چه چیزی وصل شود.
| صفحهی فرانت | فراخوانی | نکته |
|---|---|---|
SplashScreen |
api.auth.isSignedIn() |
«قبلاً حساب دارم» → صفحهی ورود |
| — (وجود ندارد، باید ساخته شود) | auth.requestOtp → auth.login |
پایین ببینید |
OnboardingScreen |
— | ایستا |
ProfileSetupScreen |
profile.update({name}) + profile.setGrade(id) |
GRADES هاردکد را با api.grades() عوض کنید |
HomeScreen |
api.home() + api.summary() |
بدونِ آرگومان، پایهی خودِ کاربر ملاک است |
SkillMapScreen |
api.home() → units[].nodes[] |
status = locked / unlocked / in_progress / completed |
LessonScreen |
lesson.intro(id) + lesson.questions(id) |
پایین ببینید |
QuestionScreen |
lesson.answer(qid, optId) → lesson.complete(id) |
mascotMood حالتِ رُبو را میدهد |
AskAIScreen |
ai.askStream({userQuestion, lessonId}, onDelta) |
فقط lessonId کافیست |
SubscriptionScreen |
subscription.plans() + subscription.purchase(planId) |
قیمتهای هاردکد را بردارید |
چهار چیزی که الان با فرانت جور نیست
۱. صفحهی ورود وجود ندارد. فرانت فقط اسم و پایه میپرسد، ولی احرازِ هویتِ ما OTP با شمارهی موبایل است. دو راه:
- مهمان (سریعترین):
api.auth.guest(deviceId)— بدونِ شماره، کاربر بلافاصله وارد میشود و بعداً میتواند شمارهاش را وصل کند. - کامل: یک صفحهی «شماره + کد» بین Splash و ProfileSetup.
در حالتِ توسعه (DJANGO_DEBUG=1) پاسخِ requestOtp فیلدِ devOtp دارد، پس
برای تست لازم نیست پیامک واقعی برسد.
برای تستِ مسیرِ کامل روی سرورِ واقعی، شمارهی تست بگیرید. روی
api.math.tadrisino2.ir سرویسِ پیامک هنوز تنظیم نشده، پس requestOtp برای یک
شمارهی معمولی خطای ۵۰۳ میدهد. بکاند چند شمارهی تست با کدِ ثابت دارد
(TEST_LOGIN_PHONES در .env سرور): برای آن شمارهها پیامکی ارسال نمیشود و
همان کد همیشه جواب میدهد، دقیقاً مثل مسیرِ واقعی. یک جفت «شماره + کد» برای
خودتان بخواهید — ساختنش کارِ یک خط ویرایشِ .env و یک ریاستارت است.
کدِ شمارهی تست در پاسخِ API برنمیگردد. اگر
devOtpخالی آمد، یعنی همین مسیر فعال است، نه اینکه چیزی خراب باشد.
۲. فهرستِ پایهها تا ششم است. GRADES در App.tsx هاردکدِ ۱ تا ۶ است، ولی
جهتِ محصول از ششم به بالا رفته (ترانزیشنی: ۶، ۷، ۹، ۱۰). از api.grades()
بخوانید تا هر پایهای که اضافه شد خودبهخود بیاید.
۳. صفحهی درس، ویدیو دارد. LessonScreen فهرستی از
{type: "video" | "quiz"} نشان میدهد. بکاند هنوز مفهومِ ویدیو ندارد —
lessons/{id}/intro فقط متن و حالتِ ماسکوت میدهد. فعلاً فقط quiz را نشان
دهید؛ اگر ویدیو واقعاً لازم است بگویید تا در مدل اضافه کنیم.
۴. «سطح» در آمار. HomeScreen سه عدد نشان میدهد: روز پیاپی، امتیاز، سطح.
دوتای اول را داریم (streak.current، xp)؛ «سطح» را نداریم. یا از روی xp
سمتِ فرانت حساب کنید، یا بگویید تا در /api/user/summary اضافه کنیم.
چیزهایی که سمتِ بکاند برایتان درست شد
- CORS اضافه شد. origin خود را در
CORS_ALLOWED_ORIGINSبدهید (در حالتِ توسعه پورتهای ۳۰۰۰ و ۵۱۷۳ پیشفرض بازند). PATCH /api/user/profileاضافه شد — قبلاً پروفایل فقط خواندنی بود و هیچ راهی برای ثبتِ اسم نبود.GET /api/homeبدونِ پارامتر حالا پایهی ذخیرهشدهی کاربر را میخواند. قبلاً اگر?grade=نمیفرستادید نقشه خالی برمیگشت.POST /api/ai/askبا فقطlessonIdحالا خودش میفهمد آن درس مالِ کدام پایه و فصلِ کتاب است. قبلاً بایدsubject+grade+lessonNumberرا خودتان میفرستادید وگرنه پاسخ بدونِ استناد به کتاب تولید میشد.
چند قاعده که وقتتان را میخرد
Idempotency-Key بفرستید روی هر چیزی که پول/امتیاز/قلب جابهجا میکند
(answer, complete, purchase). یک UUID که تا موفق شدنِ درخواست ثابت
بماند. بدونِ آن، قطعیِ شبکه + دکمهی دوباره = دوبار کم شدنِ قلب.
۴۰۱ یعنی توکن منقضی شده، نه اینکه کاربر بیرون است. کلاینت خودش یکبار
refresh میزند و درخواست را تکرار میکند؛ فقط اگر آن هم شکست خورد کاربر را
به صفحهی ورود ببرید.
۴۲۹ و ۵۰۳ را جدا نشان دهید. ۴۲۹ یعنی سقفِ روزانهی سوال از دستیار پر شده
(الان ۱۵ تا) یا throttle؛ پیامش «فردا برگرد» است. ۵۰۳ یعنی سرویسِ AI موقتاً
قطع است؛ پیامش «چند لحظه دیگر دوباره». ApiError.isRateLimited و
.isProviderDown همین را میدهند.
پرداخت را در مرورگر باز کنید. purchase یک paymentUrl میدهد که به
سرورِ خودمان اشاره میکند، نه به زرینپال. اپ نباید مستقیم با درگاه حرف بزند.
امتیاز موقعِ اتمامِ درس در مجموع مینشیند، نه سرِ هر سوال. پاسخِ
answer فیلدِ xpEarned دارد ولی آن ارزشِ همان سوال است؛ user/summary
تا وقتی complete صدا نخورد تکان نمیخورد. در UI میتوانید خوشبینانه
جمع بزنید، ولی عددِ معتبر بعد از complete میآید.
complete دو فیلدِ اجباری دارد: correctCount و totalQuestions.
سرور correctCount را با تعدادِ واقعیِ سوالهای آن درس سقف میزند، پس
عددِ متورم امتیاز نمیسازد.
usedChunks خالی یعنی پاسخ به کتاب مستند نیست. اگر خواستید، در UI
تفکیکش کنید («بر اساسِ کتابِ درسی» در برابر «پاسخِ عمومی»).
اجرای محلی
# بکاند
DJANGO_DEBUG=1 python manage.py runserver # 127.0.0.1:8000
# فرانت
VITE_API_URL=http://127.0.0.1:8000/api npm run dev
مستنداتِ زندهی همهی endpointها: http://127.0.0.1:8000/api/docs/