دليل النشر

دليل نشر موقع ثابت

اتبع مسارًا عمليًا لرفع ملف HTML أو مجلد مخرجات أو ملف ZIP، ثم اختبر الرابط العام والنطاق المخصص وHTTPS قبل مشاركة الموقع.

React وVueNext.js ثابتفحص DNSفحص SSLوسوم Meta

ابدأ بنشر الملفات الصحيحة

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

الخيار 1: النشر بالسحب والإفلات

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

مناسب لـ

حوّل الصفحة أو الملف إلى رابط عام يمكن فتحه ومراجعته بسهولة.
  • 1
    تأكد من بنية المجلد

    يجب أن يحتوي المجلد القابل للنشر على index.html في الجذر، مع ملفات الأنماط والسكربتات والصور التي تعتمد عليها الصفحة.

    مثال على بنية المجلد
    my-site/├── index.html├── styles.css├── script.js└── images/    ├── logo.png    └── hero.jpg

    خطأ شائع

    إذا كان index.html مفقودًا أو داخل مجلد فرعي، فلن يعمل الموقع بشكل صحيح بعد الرفع.
  • 2
    افتح منطقة الرفع

    استخدم منطقة الرفع في DeployPages. يمكنك نشر مشروع مؤقت أولًا، ثم تسجيل الدخول لاحقًا إذا أردت الاحتفاظ به.

  • 3
    ارفع المجلد كاملًا

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

  • 4
    اختبر الرابط العام

    عند اكتمال الرفع، يعيد DeployPages رابطًا مباشرًا يمكنك استخدامه فورًا للاختبار أو المشاركة.

الخيار 2: النشر عبر CLI

مفيد عندما يتكرر نشر نفس المخرجات ويصبح النشر جزءًا من سكربت أو مهمة CI أو قائمة مراجعة للإصدار.

استخدم هذا المسار عندما يصبح المشروع قابلًا للتكرار

السحب والإفلات أفضل للمعاينات لمرة واحدة. يناسب CLI الفرق التي تحتاج نشر المجلد نفسه بالطريقة نفسها في كل مرة.

ثبّت CLI

استخدم مدير الحزم الذي تفضله لتثبيت CLI عالميًا.

npm install -g @deploypages/cli

سجّل الدخول

شغّل أمر تسجيل الدخول وأكمل خطوة التفويض في المتصفح.

deploypages login

انشر المجلد الحالي

شغّل أمر النشر من مجلد مخرجات البناء.

deploypages deploy

أطر العمل تحتاج مخرجات إنتاج

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

ماذا تعني خطوة البناء؟

تحوّل خطوة البناء ملفات المصدر إلى HTML وCSS وJavaScript وأصول قابلة للنشر.

React أو Vue

Command:npm run build
Output:dist/

ارفع مجلد dist نفسه، وليس جذر المشروع.

Next.js static export

Command:npm run build
Output:out/

اضبط output: 'export' في next.config.js قبل تنفيذ البناء.

HTML مباشر

Command:لا تحتاج خطوة بناء
Output:المجلد الحالي

يكفي أن يكون index.html في جذر المجلد.

Hugo أو Hexo

Command:شغّل أمر توليد الموقع في Hugo أو Hexo
Output:public/

ارفع مجلد public الناتج.

مثال تصدير Next.js

next.config.js
/** @type {import('next').NextConfig} */const nextConfig = {  output: 'export',  images: { unoptimized: true },};
module.exports = nextConfig;

حدود التصدير الثابت

ميزات التصيير على الخادم مثل API routes وserver-side props وmiddleware لا تتوفر في مخرجات التصدير الثابت.

النطاق وHTTPS

تحقق من إعداد النطاق وDNS قبل استخدام الرابط في الإنتاج.

تحقق من النطاق وDNS قبل الانتقال إلى الإنتاج.

اربط النطاق بعد النشر، ثم راقب DNS وHTTPS حتى يصبح الرابط جاهزًا للاستخدام العام.

إضافة النطاق

اربط النطاق المخصص بعد التأكد من أن المشروع يعمل على الرابط المؤقت.

إعداد DNS

وجّه سجل CNAME أو السجل المطلوب إلى الهدف الذي يطلبه DeployPages.

التحقق من HTTPS

بعد حل DNS، تأكد من ظهور شهادة SSL الصحيحة وأن الرابط يعمل عبر HTTPS.

السجلالقيمةالوجهةالملاحظات
CNAMEانقل النطاق إلى الهدف الذي تحدده المنصة.يدعم الربط بالنطاق المخصصتحقق من الإعداد بعد حفظ السجل
TXTاستخدمه عند الحاجة إلى تحقق إضافي من الملكية.قد يتطلبه بعض مسارات التحققأضف السجل كما تطلبه اللوحة

قبل الإطلاق

  • تحقق من أن السجل الصحيح يشير إلى الهدف الصحيح.
  • اختبر الرابط على المتصفح بعد انتشار DNS.
  • تأكد أن شهادة SSL تعمل على النطاق الجديد.

التحديثات واستعادة الإصدار

احتفظ بإصدارات يمكن الرجوع إليها عندما يكون التحديث مؤثرًا على الزوار.

تحديث المشروع يتبع منطق أول نشر: أنشئ أحدث مخرجات البناء، ارفعها، واترك المنصة تستبدل الإصدار المباشر.
  • 1
    عدّل المحتوى محليًا

    عدّل النصوص أو التصميم أو الوسائط أو الأصول محليًا.

  • 2
    أعد البناء

    إذا كان المشروع يستخدم إطار عمل، أنشئ مجلد مخرجات جديدًا أولًا.

  • 3
    ارفع النسخة الجديدة

    انتقل إلى صفحة المشروع في DeployPages وارفع المجلد الجديد.

  • 4
    استبدل الإصدار السابق

    استبدل المخرجات السابقة بأحدث مجلد. يحافظ تاريخ النشر على تتبع الإصدار الجديد.

ملخص عملي يساعدك على نشر موقع ثابت بثقة.

أسئلة شائعة عن النشر

متى أستخدم هذا الدليل؟
استخدمه عندما تريد فحص مسار نشر مرتبط بالموقع قبل أن يراه الزوار.
هل يساعد قبل الإطلاق؟
اجعل هذا الدليل جزءًا من فحص ما قبل الإطلاق، خصوصًا عندما تؤثر النتيجة في صفحة عامة أو حملة.
هل يجب مراجعة النتيجة يدويًا؟
راجع المدخلات والنتيجة يدويًا، ولا تستخدم أسرارًا أو بيانات شخصية في أدوات عامة أو صفحات منشورة.
هل يغني ذلك عن خدمة خلفية؟
لا. هذه الأداة تساعد في المراجعة والتحضير، لكنها لا تستبدل واجهة خلفية أو نظام صلاحيات أو مراجعة أمنية عند الحاجة.
كيف أربط النتيجة بموقع منشور؟
بعد الفحص، اختبر النتيجة من رابط HTTPS ثم اربطها بصفحة النشر أو النطاق المخصص عند الحاجة.
اذهب إلى الاستكشاف