حل مشكلة عدم عرض ملفات CSS الثابتة على منصة Heroku

عند نشر تطبيق Django الخاص بك على منصة Heroku، قد تواجه بعض التحديات في عرض ملفات CSS الثابتة بشكل صحيح، مما يؤدي إلى عدم ظهور التنسيق الصحيح لتطبيقك. واحدة من أسباب هذه المشكلة هي عدم تهيئة الإعدادات الخاصة بالملفات الثابتة بشكل صحيح في Django.

في حالتك، يبدو أن Django لا يستطيع العثور على ملفات CSS في المسار المطلوب عند تشغيل التطبيق على Heroku، حيث يتلقى الطلب 404 Not Found عند محاولة الوصول إلى ملفات CSS الثابتة في مجلد static/admin/css.

لحل هذه المشكلة، يجب أولاً تأكيد أن مجلد الوسائط الثابتة قد تم تكوينه بشكل صحيح في إعدادات Django الخاصة بك. في ملف settings.py، يتم تعيين STATIC_ROOT إلى ‘static’، وهذا يشير إلى المجلد الذي ستقوم فيه Django بتجميع جميع الملفات الثابتة.

ثم، يجب تشغيل الأمر python3 manage.py collectstatic لجمع جميع الملفات الثابتة في المجلد المحدد (STATIC_ROOT). بعد تجميع الملفات، يجب على Heroku أن يتمكن من الوصول إلى هذه الملفات.

ومع ذلك، يجب أيضًا التأكد من أن جميع المسارات المشار إليها في HTML الخاص بتطبيقك تشير بشكل صحيح إلى المسارات الثابتة. على سبيل المثال، عند استخدام ملفات CSS في قوالب HTML الخاصة بك، تأكد من أن الروابط تشير إلى المسارات الصحيحة لملفات CSS.

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

بمجرد تأكيد جميع الإعدادات والتعديلات اللازمة، يجب أن يكون تطبيقك قادرًا على عرض ملفات CSS الثابتة بشكل صحيح على منصة Heroku دون أي مشاكل.

بالإضافة إلى ذلك، هناك بعض النقاط الإضافية التي يجب النظر فيها عند تحديد مشكلة عدم ظهور ملفات CSS الثابتة على منصة Heroku:

1. التأكد من تضمين المجلد الصحيح في Git Repository:
   قد يكون هناك مشكلة في عدم تضمين مجلد الوسائط الثابتة (مثل المجلد ‘static’) في مستودع Git الخاص بتطبيقك. يجب التأكد من تضمين المجلدات الثابتة ضمن الإصدارات المحلية ورفعها إلى مستودعك على Heroku.

2. استخدام WhiteNoise:
   يمكن استخدام مكتبة WhiteNoise مع Django لخدمة الملفات الثابتة بشكل فعال على منصة Heroku. يقوم WhiteNoise بخدمة الملفات الثابتة مباشرة من الذاكرة المخبأة ويساعد في تقديمها بشكل أسرع. يمكن تثبيت وتكوين WhiteNoise بسهولة باستخدام pip.

3. التأكد من تحديث الإعدادات على Heroku:
   بعد إجراء أي تغييرات في إعدادات Django الخاصة بالوسائط الثابتة، يجب أن يتم إعادة نشر التطبيق على Heroku لتحديث الإعدادات. يمكن ذلك باستخدام أداة إدارة Heroku مثل Heroku CLI أو من واجهة سطر الأوامر على الإنترنت.

4. فحص الإعدادات البيئية (Environment Variables):
   تأكد من أن جميع الإعدادات البيئية المطلوبة لتشغيل تطبيقك بشكل صحيح موجودة ومعرفة بشكل صحيح على Heroku. قد تحتاج إلى تكوين متغيرات البيئة مثل SECRET_KEY وDATABASE_URL وغيرها، حسب الحاجة.

5. اختبار الوصول إلى الملفات الثابتة مباشرة:
   يمكنك محاولة الوصول إلى ملفات CSS الثابتة مباشرة عن طريق إدخال عنوان URL المطلوب في متصفح الويب. على سبيل المثال، يمكنك جرب زيارة https://example.herokuapp.com/static/admin/css/login.css (استبدل “example” بعنوان التطبيق الخاص بك) للتأكد من أن الملفات يمكن الوصول إليها بشكل صحيح.

بعد اتباع هذه الخطوات ومراجعة الأمور المذكورة أعلاه، يجب أن تكون قادرًا على حل مشكلة عدم عرض ملفات CSS الثابتة بشكل صحيح على منصة Heroku والاستمتاع بتجربة تشغيل تطبيقك بشكل سلس.