حل المشكلات
الأخطاء التي قد تواجهها أثناء تثبيت المتجر، وسبب كل منها، وطريقة إصلاحها.
لحزمة الحزمة الكاملة
Docker لا يعمل
failed to connect to the docker API at unix:///…/docker.sock; check if the path is correct and if the daemon is runningتعرض إصدارات Docker الأقدم الرسالة "Cannot connect to the Docker daemon" بدلًا من ذلك. وفي الحالتين، محرك Docker غير مُشغَّل.
افتح Docker Desktop
شغّل Docker Desktop وانتظر حتى يُظهر أن المحرك يعمل. على Linux، شغّل الخدمة:
sudo systemctl start docker.تحقق من أن Docker يستجيب
الطرفيةdocker infoالنتيجة المتوقعة: يطبع قسم Server بدلًا من رسالة خطأ.
شغّل أمر التشغيل مرة أخرى
docker compose up --buildللحزمة الكاملة، أو أمرَيdocker buildوdocker runالخاصين بك لتطبيق واحد.
المنفذ مستخدم بالفعل
ports are not available: exposing port TCP 0.0.0.0:3030 … bind: address already in use
Error: listen EADDRINUSE: address already in use :::3030السطر الأول من Docker، والثاني من yarn dev. هناك برنامج آخر يستمع بالفعل على 3030 أو 3031 أو 8000: غالبًا تشغيل سابق للمتجر، أو خادم تطوير لمشروع آخر.
اعرف ما الذي يشغل المنفذ
على macOS أو Linux:
الطرفيةlsof -i :3030على Windows، في PowerShell:
الطرفيةnetstat -ano | findstr :3030أوقفه
أغلق ذلك البرنامج، أو أوقف التشغيل السابق: Ctrl+C في طرفيته، أو
docker compose downفي مجلده، أوdocker stopلحاوية شغّلتها بالأمرdocker run. ثم شغّل المتجر مرة أخرى.أو شغّل المتجر على منافذ أخرى
مع الحزمة الكاملة في Docker، أنشئ ملفًا باسم
.envداخل المجلدe-commerce-1بجوارdocker-compose.ymlيحدد المنفذ الذي تحتاجه.SITE_PORTينقل المتجر، وADMIN_PORTلوحة الإدارة، وAPI_PORTواجهة API، وتتبعها العناوين التي تستخدمها التطبيقات تلقائيًا.e-commerce-1/.envADMIN_PORT=3041ثم شغّل الأمر نفسه من جديد. بعد تشغيل فاشل يكمل من حيث توقف:
الطرفيةفيe-commerce-1docker compose up --buildالنتيجة المتوقعة: يجيب التطبيق على منفذه الجديد، هنا localhost:3041محلي.
بدون Docker تكون المنافذ ثابتة في ملفات .env. لنقل واجهة API هناك، غيّر PORT في back-end/.env، وNEXT_PUBLIC_API_BASE_URL في الواجهتين الأماميتين، وCORS_ORIGIN معًا: يجب أن تتطابق الثلاثة. ومع Docker استخدم API_PORT بدلًا من ذلك. ولتطبيق واحد شُغّل بـ docker run، غيّر الرقم الموجود على يسار -p.
فشل بناء Docker
ينزّل البناء الأول الصور الأساسية وكل الاعتماديات، ثم يبني الصور. وعندما يعترضه شيء، يتوقف بالرسالة "failed to solve" مع الخطوة التي فشلت.
- لا اتصال أو انتهت المهلة: يحتاج البناء إلى الإنترنت. شغّل الأمر مرة أخرى بعد عودة الاتصال؛ الخطوات المكتملة محفوظة في ذاكرة التخزين المؤقت.
- لا توجد مساحة كافية على الجهاز (No space left on device): حرّر مساحة في Docker Desktop، أو تحقق مما يستخدمه Docker بالأمر
docker system df. - يفشل عند الخطوة نفسها في كل مرة: أعد البناء من دون ذاكرة التخزين المؤقت، ثم شغّل التطبيقات.
e-commerce-1docker compose build --no-cache
docker compose upلحزمة التطبيق الواحد، أضف --no-cache إلى أمر docker build الخاص بك.
التشغيل الأول الذي يبدو عالقًا يكون غالبًا ما زال يملأ قاعدة البيانات بالمتجر التجريبي. لا يبدأ المتجر ولوحة الإدارة إلا بعد أن تُبلغ واجهة API بأنها سليمة.
يقول Yarn إن إصداره 1.22
This project's package.json defines "packageManager": "yarn@4…". However the current global version of Yarn is 1.22…كل تطبيق يثبّت Yarn 4 عبر Corepack. تعني هذه الرسالة أن Corepack غير مفعّل بعد، فأجاب Yarn القديم المثبّت عامًّا بدلًا منه.
corepack enableثم شغّل yarn install مرة أخرى. إذا لم يكن مع Node.js لديك Corepack، فثبّته أولًا بالأمر npm install -g corepack.
تتوقف واجهة API قبل أن تبدأ
✖ The API cannot start: JWT_SECRET is not set. Set it in back-end/.env to the output of: …
✖ The API cannot start: JWT_SECRET is still the example value from .env.example, …
✖ The API cannot start: CORS_ORIGIN is not set. List the storefront and admin dashboard origins, …تتحقق واجهة API من إعداداتها قبل أن تبدأ، وتطبع سطرًا واحدًا لكل مشكلة. الأسباب:
- لا يوجد ملف `.env`، أو `JWT_SECRET` فارغ. أنشئ الملف في
back-end/بالأمرcp .env.example .env. - ما زال `JWT_SECRET` بقيمة المثال مع `NODE_ENV=production`. يستطيع أي شخص توقيع رمز باستخدام المثال العام، لذا يرفضه التشغيل في وضع الإنتاج. ولّد سرًا خاصًا بك.
- `CORS_ORIGIN` فارغ مع `NODE_ENV=production`. اكتب عنوانَي المتجر ولوحة الإدارة، مفصولين بفاصلة.
ولّد سرًا بالأمر:
node -e "console.log(require('crypto').randomBytes(48).toString('hex'))"مع Docker لا تحتاج إلى ذلك: الحاوية التي ليس لها JWT_SECRET خاص بها، أو التي تستخدم قيمة المثال، تولّد سرًا وتحفظه في وحدة تخزين البيانات.
فحص السلامة يُجيب بـ 503
{"status":"unavailable"}
The database has no tables yet. Run `yarn seed` in back-end/, then restart the API.يُجيب /api/health بـ 503 إلى أن تستجيب قاعدة البيانات وتحتوي على جداولها. السطر الثاني هو ما يكتبه سجل واجهة API عند بدء التشغيل حين تكون الجداول مفقودة.
- من دون Docker، في وضع التطوير: شغّل
yarn seedفيback-end/(الجداول والمتجر التجريبي)، أوyarn db:sync(الجداول فقط)، ثم أعد تشغيل واجهة API. - مع `NODE_ENV=production`: لا تنشئ واجهة API الجداول عند بدء التشغيل. شغّل
yarn db:sync:prod(جداول فارغة) أوyarn seed:prod(مع المتجر التجريبي) مرة واحدة، بعدyarn build. - مع Docker على SQLite: تنشئ الحاوية قاعدة البيانات بنفسها عند أول تشغيل. أما على MySQL فلا تفعل ذلك: شغّل أمر المخطط أو أمر البيانات التجريبية بنفسك مرة واحدة.
- "The database has no accounts, so nobody can sign in" تعني أن الجداول موجودة لكن لم يُضَف أي حساب قط: شغّل
yarn seedفيback-end/.
MySQL يرفض البدء أو ملء البيانات
تنشئ واجهة API جداولها في قاعدة بيانات موجودة مسبقًا؛ ولا تنشئ قاعدة البيانات نفسها. أنشئ أولًا قاعدة بيانات فارغة، وضع اسمها في DB_DATABASE داخل back-end/.env، ثم شغّل yarn seed (أو yarn db:sync للجداول من دون المتجر التجريبي).
- تحقق من قيم الاتصال الخمس
DB_*، ومن أنDB_TYPE=mysql. - مع
NODE_ENV=productionلا تنشئ واجهة API العاملة أي جداول أبدًا، لذا يجب تشغيل أحد هذين الأمرين قبل أول تشغيل.
فشل تسجيل الدخول
- تحقق من الحساب ومن التطبيق. تسجّل حسابات الموظفين الدخول إلى لوحة الإدارة على المنفذ
3031:admin@example.comمعAdmin@123. ويسجّل العملاء الدخول إلى المتجر على المنفذ3030:john.doe@example.comمعpassword123. - تحقق من سجل واجهة API. الرسالة "The database has no accounts, so nobody can sign in" تعني أن المتجر التجريبي لم يُضَف قط. من دون Docker، شغّل
yarn seedفيback-end/. ومع Docker، فقد أُنشئت وحدة التخزين معSEED_DEMO_DATA=false. - الرسالة "The database has no tables yet" تعني أن مخطط قاعدة البيانات لم يُنشأ قط: شغّل
yarn seedفيback-end/وأعد تشغيل واجهة API. - غيّرت كلمة مرور المدير العام ولم تعد تعرفها: ابدأ من جديد ببيانات تجريبية جديدة، كما هو موضح أدناه.
- «البريد الإلكتروني أو كلمة المرور غير صحيحة. يرجى المحاولة مرة أخرى.» هي الإجابة نفسها لبريد إلكتروني غير معروف ولكلمة مرور خاطئة، لذا تحقق من الاثنين.
- «محاولات كثيرة جدًا. انتظر دقيقة ثم حاول مرة أخرى.» تعني أن عنوانًا واحدًا أجرى أكثر من 10 محاولات على مسار تسجيل الدخول أو كلمة المرور خلال دقيقة. انتظر دقيقة ثم حاول مرة أخرى.
فشل تسجيل الدخول
- تحقق من سجل واجهة API. الرسالة "The database has no accounts, so nobody can sign in" تعني أن المتجر التجريبي لم يُضَف قط: شغّل
yarn seed، أو شغّل حاوية Docker مع-e SEED_DEMO_DATA=trueعلى وحدة تخزين جديدة. - الرسالة "The database has no tables yet" تعني أن مخطط قاعدة البيانات لم يُنشأ قط: شغّل
yarn seedوأعد تشغيل واجهة API. - تحقق من الحساب ومن المسار. يسجّل الموظفون الدخول عبر
POST /api/auth/login(المدير العام هوadmin@example.comمعAdmin@123)؛ والعملاء عبرPOST /api/auth/customer/login(john.doe@example.comمعpassword123). يُجاب تسجيل الدخول الفاشل بـ401مع الرسالة نفسها، سواء كان البريد الإلكتروني أو كلمة المرور هو الخطأ. - الإجابة `429` تعني أن عنوانًا واحدًا أجرى أكثر من 10 محاولات على مسار تسجيل الدخول أو التسجيل أو كلمة المرور أو تتبّع الطلب خلال دقيقة. ترويسة
Retry-Afterتحدد عدد الثواني التي يجب انتظارها.
فشل تسجيل الدخول
على المتجر النموذجي، يسجّل دخولك إلى المتجر أي بريد إلكتروني وكلمة مرور، ويسجّل دخولك إلى لوحة الإدارة أي بريد إلكتروني صالح مع كلمة مرور من 6 أحرف على الأقل. بعد ربط واجهة API، سجّل الدخول بحساب موجود فيها: المدير العام التجريبي هو admin@example.com مع Admin@123، والعميل التجريبي john.doe@example.com مع password123.
كل زائر يرى رسالة «محاولات كثيرة جدًا» خلف خادم وكيل
تسمح مسارات تسجيل الدخول والتسجيل وإعادة تعيين كلمة المرور وتتبّع طلبات الضيوف بـ 10 طلبات في الدقيقة لكل عنوان ومسار، ثم تُجيب بـ 429. وغرفة القياس تحسب لكل عنوان أيضًا. لا تأخذ واجهة API عنوان الزائر من X-Forwarded-For إلا عندما يأتي الطلب من خادم وكيل على عنوان خاص أو محلي (loopback) أو عنوان المنصة، كما في Railway أو خلف Caddy أو nginx على الجهاز نفسه.
عندما يصل خادمك الوكيل إلى واجهة API من عنوان عام، يبدو كل الزوار كأنهم ذلك الخادم الوكيل نفسه، فيتشاركون حصة واحدة. أخبر واجهة API بعدد الخوادم الوكيلة التي تقف أمامها:
TRUST_PROXY=1مع TRUST_PROXY=false لا تُقرأ الترويسة أبدًا. اتركه غير مضبوط عندما يُوصَل إلى واجهة API مباشرة أو عبر خادم وكيل على عنوان خاص. تُحفظ العدّادات في ذاكرة واجهة API، لذا تُمسح عند إعادة التشغيل.
يظهر تنبيه «بيانات تجريبية»
تعمل الواجهة الأمامية على متجرها النموذجي المدمج بدلًا من واجهة API، لأنها شُغّلت أو بُنيت من دون NEXT_PUBLIC_API_BASE_URL. وعندها يُحفظ ما تغيّره في المتصفح لا في قاعدة البيانات، ولا يُحصَّل أي مبلغ عن أي طلب.
أعطِ الواجهة الأمامية عنوان واجهة API
أنشئ ملف
.envللواجهة الأمامية من.env.exampleإن لم يكن لديها ملف. يجب أن يكونNEXT_PUBLIC_API_BASE_URLعنوان واجهة API متضمنًا/api، مثلhttp://localhost:8000/api.تحقق من أن واجهة API تستجيب
افتح localhost:8000/api/healthمحلي. يجب أن يُجيب بـ
{"status":"ok"}. إذا كان العنوان مضبوطًا لكن واجهة API لا تستجيب، فلن تتمكن الصفحات من تحميل بياناتها: المتجر النموذجي لا يحل محلها.أعد تشغيل الواجهة الأمامية أو أعد بناءها
العنوان مُضمَّن أثناء البناء. أعد تشغيل
yarn devبعد تغييره، أو شغّلyarn buildمجددًا قبلyarn start، أو مع Docker شغّلdocker compose up --buildمجددًا.
تغيير ملف .env للواجهة الأمامية لا يُحدث أي أثر
كل قيمة NEXT_PUBLIC_* تُضمَّن في كود JavaScript الذي يحمّله المتصفح عند بناء التطبيق. تغيير الملف لا يغيّر شيئًا حتى يُبنى التطبيق من جديد.
| طريقة التشغيل | بعد تغيير قيمة |
|---|---|
yarn dev | أوقفه وشغّل yarn dev مجددًا. |
yarn build وyarn start | شغّل yarn build مجددًا، ثم yarn start. |
| Docker Compose | شغّل docker compose up --build. اضبط القيمة في ملف .env المجاور لـ docker-compose.yml، لا في مجلد التطبيق. |
docker build لتطبيق واحد | ابنِ الصورة مجددًا مع القيمة كوسيط --build-arg. |
ميزة تقول إنها غير مُعدّة
لا يعمل الدفع بالبطاقة، ورفع الملفات، والمساعد الذكي، واستوديو الذكاء الاصطناعي، وإزالة الخلفية، وغرفة القياس إلا عندما تكون مفاتيحها في back-end/.env. وتحتاج غرفة القياس والاستوديو وإزالة الخلفية أيضًا إلى مخزن الوسائط. والمفتاح الذي ما زال يحمل قيمته في .env.example تمامًا يُعامَل كأنه غير مضبوط، فيبدأ ملف .env.example المنسوخ دون مشكلات، وتُظهر كل ميزة من هذه الميزات أنها متوقفة بدلًا من أن تفشل عند أول استدعاء.
- الصق مفتاحك الحقيقي مكان قيمة المثال، لا بجوارها.
- أعد تشغيل واجهة API بعد تغيير
back-end/.env. مع Docker Compose تقرأ واجهة API هذا الملف أيضًا، فيكفي تشغيلdocker compose upمجددًا؛ أما حاوية واجهة API المنفردة فتحتاج إلى--env-file .envفي أمرdocker runالخاص بها.
رفع الملفات يُجيب بـ 503
File uploads are not set up yet. Add the R2 storage settings to the server's .env file to enable them.كل رفع من لوحة الإدارة (صور المنتجات، والصور الرمزية، ومرفقات المحادثة، ونتائج استوديو الذكاء الاصطناعي) يذهب إلى مخزن Cloudflare R2 أو مخزن آخر متوافق مع S3، ويُجاب بـ 503 إلى أن تُضبط متغيرات R2_* الخمسة كلها في back-end/.env. وتحتاج غرفة القياس والاستوديو وإزالة الخلفية إلى المخزن أيضًا، وتبقى متوقفة من دونه. أما المتجر التجريبي فلا يحتاج إلى مخزن: تُعرض صوره من نسخ مرفقة مع الواجهتين الأماميتين في public/mock-media/.
الصور المرفوعة تُحمَّل ببطء أو بحجمها الكامل
لا تغيّر الواجهتان الأماميتان حجم الصور ولا تضغطانها إلا إذا جاءت من مضيفين بُنيتا لتثقا بهم. الصورة القادمة من مخزنك على أي مضيف آخر تظهر مع ذلك، لكن من دون تحسين.
حدّد المضيف العام لمخزنك
من دون Docker، اضبط
NEXT_PUBLIC_MEDIA_HOSTNAMEفي ملف.envلكل واجهة أمامية على مضيفR2_PUBLIC_URL، مثلpub-1234.r2.dev. ومع Docker Compose، ضعMEDIA_HOSTNAME=pub-1234.r2.devفي ملف.envبجوارdocker-compose.yml. اكتب اسم المضيف فقط، من دونhttps://ومن دون شرطة مائلة في النهاية.أعد بناء الواجهتين الأماميتين
المضيف مُضمَّن أثناء البناء. أعد تشغيل
yarn devوأعد البناء للإنتاج، أو شغّلdocker compose up --buildمجددًا.
الطلبات محظورة على نطاقاتك الخاصة
Access to fetch at 'https://api.your-domain.com/api/…' from origin 'https://shop.your-domain.com' has been blocked by CORS policyلا تُجيب واجهة API المتصفحات إلا من العناوين الموجودة في CORS_ORIGIN، ولا تقبل الإشعارات المباشرة للوحة الإدارة إلا من FRONTEND_URL. القيمة الافتراضية لكليهما هي المنفذان المحليان، لذا يجب أن يحددا مواقعك عندما تستخدم نطاقاتك الخاصة.
CORS_ORIGIN=https://shop.your-domain.com,https://admin.your-domain.com
FRONTEND_URL=https://admin.your-domain.comاكتب كل عنوان تمامًا كما يعرضه المتصفح، مع https:// ومن دون شرطة مائلة في النهاية، ثم أعد تشغيل واجهة API. ومع Docker Compose، اضبط بدلًا من ذلك SITE_URL وADMIN_URL وAPI_URL في ملف .env المجاور لـ docker-compose.yml وشغّل docker compose up --build: يبني ملف compose القائمتين منها.
حاوية واجهة API لا تجد نقطة الدخول الخاصة بها
exec /usr/local/bin/docker-entrypoint.sh: no such file or directoryيحتوي السكربت على نهايات أسطر بنمط Windows، وقد يضيفها محرر نصوص أو Git على Windows. يزيلها ملف back-end/Dockerfile المرفق أثناء البناء، لذا لا تظهر هذه المشكلة إلا مع صورة بُنيت من ملف Dockerfile معدّل. أبقِ السطر sed -i 's/\r$//' الخاص به، أو احفظ السكربت بنهايات أسطر LF، ثم أعد البناء من دون ذاكرة التخزين المؤقت.
e-commerce-1docker compose build --no-cache api
docker compose upالمجلد يبدو مختلفًا
شغّل الأوامر داخل المجلد الذي يُستخرج إليه ملف ZIP. إذا لم يكن الأمر unzip متوفرًا، فاستخرجه بمدير الملفات بدلًا من ذلك؛ تضيف بعض الأدوات مجلدًا إضافيًا يحمل اسم ملف ZIP، فانتقل إلى المجلد الداخلي.
| الحزمة | المجلد | يحتوي على |
|---|---|---|
| الحزمة الكاملة | e-commerce-1 | admin-dashboard, back-end, storefront, docker-compose.yml |
| المتجر | storefront | Dockerfile, package.json, .env.example |
| لوحة الإدارة | admin-dashboard | Dockerfile, package.json, .env.example |
| واجهة API (Backend API) | back-end | Dockerfile, package.json, .env.example |
ابدأ من جديد ببيانات تجريبية جديدة
هذا يحذف بياناتك
يُحذف كل ما أنشأته محليًا، وتُملأ قاعدة البيانات بالمتجر التجريبي من جديد.
مع Docker Compose، من المجلد e-commerce-1:
e-commerce-1docker compose down -v
docker compose upمع حاوية واجهة API منفردة، احذف الحاوية أولًا (يعرضها docker ps -a، ويحذفها docker rm -f مع معرّفها)، ثم احذف وحدة التخزين وشغّلها مرة أخرى:
back-enddocker volume rm ecommerce-data
docker run -p 8000:8000 -v ecommerce-data:/data -e SEED_DEMO_DATA=true ecommerce-apiمن دون Docker، أوقف واجهة API، ثم:
back-endrm -f database.sqlite* && yarn seedفي PowerShell:
back-endRemove-Item database.sqlite*; yarn seedتشغيل yarn seed مجددًا على قاعدة بيانات تحتفظ بها ليس إعادة ضبط: فهو يضيف ما هو ناقص فقط، ولا يعيد أبدًا أي قيمة غيّرتها في لوحة الإدارة. على MySQL، يحذف yarn db:reset كل الجداول قبل yarn seed.
ابدأ من جديد على المتجر النموذجي
من دون واجهة API، تُحفظ تغييراتك في المتصفح. لإعادة المتجر النموذجي إلى حالته الأولى، شغّل هذا في وحدة تحكم المتصفح على صفحة التطبيق:
localStorage.removeItem("mock_db_v1"); location.reload();