إعداد خادم Apache مع شهادة SSL وتوجيه إلى حاوية Nginx

إعداد خادم Apache الذي يعمل على مجال معتمد بواسطة SSL وإعادة توجيه الطلبات إلى حاوية Nginx تخدم ملفات React الثابتة هو عملية معقدة ولكنها فعالة. في هذا المقال، سنستعرض كيفية إعداد هذا النظام خطوة بخطوة، مع تقديم نصائح وإرشادات لضمان سهولة الاستخدام وزيادة الأداء.

خطوة 1: إعداد خادم Apache

أولاً، يجب أن يتم تثبيت خادم Apache وتكوينه بشكل صحيح للتعامل مع الطلبات الواردة. بعد البرمجة الأولية والتحديثات اللازمة، ستحتاج إلى إعداد ملف تكوين لمضيف افتراضي. يتضمن ذلك تعيين ServerName وDocumentRoot وتحديد مستويات السجل. يجب عليك أيضًا إضافة توجيهات ProxyPass وProxyPassReverse لإعادة توجيه الطلبات إلى التطبيقات الخاصة بك، كما في المثال التالي:

ServerName www.example.com 
ServerAdmin webmaster@localhost 
DocumentRoot /var/www/html
ProxyPreserveHost On
ProxyPass /app1 http://127.0.0.1:2322 
ProxyPassReverse /app1 http://127.0.0.1:2322

تأكد من تضمين شهادة SSL التي قمت بالحصول عليها، حيث أن الموقع يجب أن يكون قادرًا على تقديم اتصال آمن للمستخدمين.

خطوة 2: إعداد SSL

لضمان أن يكون موقعك آمنًا، يمكنك استخدام Let’s Encrypt للحصول على شهادات SSL. بعد تفعيل SSL، يجب عليك تكوين Apache لإدراج مسارات الشهادات داخل ملف التكوين. هنا مثال على كيفية القيام بذلك:

Include /etc/letsencrypt/options-ssl-apache.conf 
ServerAlias example.com 
SSLCertificateFile /etc/letsencrypt/live/www.example.com/fullchain.pem 
SSLCertificateKeyFile /etc/letsencrypt/live/www.example.com/privkey.pem

بهذه الطريقة، يمكنك التأكد من أن جميع الاتصالات مع الخادم محمية بشكل جيد.

خطوة 3: إعداد Docker وNginx

الآن بعد أن قمت بتكوين Apache، ينبغي عليك إعداد حاوية Docker لـ Nginx. الحاوية ستكون مسؤولة عن تقديم ملفات React الثابتة. يمكنك إنشاء Dockerfile والذي يتضمن خطوات بناء التطبيق. على سبيل المثال:

# المرحلة 1: القاعدة من الفرن/الكعكة
FROM bun:latest AS base
WORKDIR /app
COPY package.json Bun.lockb ./
RUN bun install
COPY . .
# المرحلة 2: بناء الإنتاج من القاعدة
FROM base AS build
RUN bun run build
# المرحلة 3: بيئة الإنتاج من nginx:alpine
FROM nginx:alpine AS production
COPY --from=build /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
CMD ["nginx", "-g", "daemon off;"]

هنا، يتم نسخ ملفات البنية الناتجة إلى مسار Nginx للملفات الثابتة.

خطوة 4: تكوين Nginx

ملف تكوين Nginx لديه دور أساسي في توجيه الطلبات. يجب التأكد من وجود قسم يتعامل مع المسارات على نحو صحيح، كما في المثال التالي:

server {
    listen 80;
    server_name localhost;
    location /new-app/ {
        alias /usr/share/nginx/html/;
        index index.html;
        try_files $uri $uri/index.html;
    }
    location / {
        try_files $uri $uri/ /index.html;
    }
}

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

نتائج وتجارب شخصية

عند إعداد هذا النظام، قد تواجه بعض الأخطاء، مثل الخطأ 500 من قبل Nginx. في هذه الحالة، تحقق من سجل الأخطاء في حاوية Nginx وتأكد من أن جميع الملفات موجودة في الأماكن الصحيحة. كما يمكن أن تكون الأذونات أو تكوين Nginx هو السبب وراء ظهور هذه المشاكل، لذا من الضروري معالجة هذه الأمور.

خاتمة

إعداد خادم Apache يعمل على نطاق مصادق عليه بـ SSL وإعادة توجيه الطلبات إلى حاوية Nginx التي تخدم ملفات React الثابتة يعد إحدى الطرق القوية لبناء تطبيقات ويب حديثة. باتباع الخطوات المذكورة، يمكنك الحصول على بيئة مستقرة وآمنة لتطبيقك. توكل على الله واستمتع بالتطوير!