استخدام Surge لنشر المواقع الثابتة (تحديث 2020)

استخدام Surge لنشر المواقع الثابتة (تحديث 2020)

استخدام Surge لنشر المواقع الثابتة

في عملية نشر مواقع الويب الثابتة ، يبحث مطورو تطبيقات الويب دائمًا عن أحدث الأدوات وأكثرها كفاءة لتحسين مواقع الويب الخاصة بهم. بشكل عام ، يتحسن مولد الموقع الثابت (SSG) بالعمليات المشفرة يدويًا ونظام إدارة المحتوى الكامل. يعد هذا الإعداد مثاليًا لمعظم مواقع الويب أو مشاريع تطبيقات الويب ، وليس معالجتها من جانب الخادم. نظرًا لهذا الاتجاه ، يقوم المطورون بالتبديل فوق webtask.io برنامج للتعامل مع نقاط نهاية الخادم المختلفة الخاصة بهم. إلى جانب الاتجاه الملحوظ لتطوير تطبيقات الويب ، توضح هذه المقالة بالتفصيل العمليات التي يخضع لها مطورو البرامج لتنمية مواقعهم الثابتة و "serverless" تطبيقات الويب.

ما هي مولدات الموقع الثابت؟

بالتفصيل ، يبدأ المطورون الذين يستخدمون State Site Generators العملية عن طريق إنشاء موقع ويب HTML فقط. كونه HTML فقط ، فإن الموقع يعمل في الغالب على البيانات الأولية والقوالب. كما ذكرنا سابقًا ، يتم أيضًا تصنيف البيانات الأولية على أنها "ملفات تخفيض السعر". لفهم أفضل ، ملفات markdown (الرابط: https://guides.github.com/features/mastering-markdown/) هي ملفات نصية عامة تستخدم لهجات لغة markdown. يحتوي تنسيق النص العادي على رموز نصية لإنشاء تنسيقات مع نصوص بما في ذلك الخط الغامق والمائل والمسافة البادئة والعناوين وشاشات العرض. لا تتطلب هذه الملفات معرفة برمجية نسبيًا وهي النوع الأساسي من مواقع الويب التي يتم إنشاؤها ، على عكس مواقع الويب الديناميكية. لذلك ، تحتوي كل صفحة ويب على الموقع على ملف HTML خاص بها مع محتوى موقع ثابت يعرض نفس المحتوى لأي مستخدم على أي نظام أساسي. النتيجة ، بناء ينتقل إلى خادمك المباشر.

المواقع الثابتة مقابل المواقع الديناميكية

بالمقارنة ، فإن المواقع الثابتة تعتمد على HTML و CSS من جانب العميل. عندما يطلب العميل من موقع خادم ثابت ، يتم تجميع ملفات HTML بدقة في موقع يمكن عرضه على الفور على أجهزة الضيف. تتضمن بعض مولدات المواقع الثابتة الشائعة جيكلالتي تدعمها صفحات Github و التالى. في المقابل ، تعتمد مواقع الويب الديناميكية على لغات البرمجة النصية من جانب العميل والخادم. بالنسبة لبعض الأمثلة ، JavaScript (الرابط: https://www.javascript.com) ، PHP (الرابط: https: //www.php.net) ، و ASP (الرابط: https: //www.w3schools.com/ asp / webpages_intro.asp) عبارة عن نصوص "ديناميكية من جانب الخادم". للتوضيح ، فإن التشغيل باستخدام خادم HTTP ديناميكي يرسل الملفات إلى المتصفح. في الوقت نفسه ، يُنشئ المُنشئ ملف HTML جديدًا في كل مرة يتصل فيها المستخدم بصفحة.

ما هي الطفرة؟

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

لماذا يجب علي استخدام Surge؟

Surge هي أداة مريحة للغاية يجب أن يتعرف عليها أي مطور ويب أمامي. إنه سهل الاستخدام بشكل لا يصدق ، ويمكنك نشر موقع ثابت على الإنترنت حرفيًا في غضون ثوانٍ. يتطلب كل النشر على الويب بضعة أوامر في سطر الأوامر. أفضل جزء هو أنه لا يوجد استثمار مطلوب. أيضًا ، يمكن للمستخدمين إضافة مجالات شخصية إلى مشاريعهم ، ومشاركة المشاريع مع مستخدمين آخرين ، وإنشاء صفحات خطأ 404 لتوجيه العملاء إلى صفحات الويب الأخرى. تتمتع Surge ببعض المزايا الفريدة التي يفتقر إليها ناشرو المواقع الثابتة المشهورة الأخرى (راجع "مقارنة بين Surge وصفحات Github").

هل Surge خدمة مجانية؟

كما هو موضح أعلاه ، لا يتطلب Surge أي تكلفة للاستخدام. ومع ذلك ، هناك Surge Professional الذي يأتي بمزيد من الفوائد للمستخدمين الراغبين في استثمار الرسوم الإضافية. يبدأ هذا الإصدار المتميز من الخدمة بسعر 30 دولارًا شهريًا. على وجه التحديد ، مع الرسوم الإضافية ، يمكنك إنشاء مشاريع احترافية غير محدودة ، والحصول على SSL مخصص ، والحصول على موقع ويب آمن باستخدام https. يمكنك أيضًا مشاركة الموارد وتطوير عمليات إعادة التوجيه داخل موقعك وحماية مشاريعك بكلمات مرور.

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

زيادة التسعير

تركيب Surge

يعد تثبيت Surge وإعداد حساب أمرًا بسيطًا للغاية وبديهيًا. ببساطة افتح نافذة طرفية جديدة واكتب الأمر التالي:

تثبيت npm - Global Surge

(ملاحظة: تفترض هذه الخطوة أن Node و npm قد تم تثبيتهما بالفعل على نظامك. إذا لم يكن الأمر كذلك ، فيمكنك تثبيت أحدث إصدار لكليهما من المسؤول موقع Node.js.)

للتحقق مما إذا كان Node.js.website مثبتًا بشكل صحيح ، توجه إلى سطر الأوامر وأدخل "node -v" للحصول على الحالة.

عند الإعداد لأول مرة ، سيطلب منك Surge إنشاء حساب. المتطلبات الوحيدة هي توفير عنوان بريد إلكتروني وكلمة مرور ، والتحقق من بريدك الإلكتروني بعد ذلك. عند الانتهاء من هذه الخطوة ، سيتم إعدادك الآن باستخدام حساب Surge وستكون جاهزًا للنشر في خدمتهم.

أوامر الطفرة

نشر موقعك

لاستخدام موقع الويب الثابت الخاص بك في Surge ، ابحث أولاً عن مسار ملف دليل المشروع الذي تريد تنفيذه. على سبيل المثال ، سأقوم بتنفيذ مشروع يقع في / Users / air / Surge-test.

بمجرد معرفة مسار ملف الدليل المراد نشره ، قم بتشغيل الأمر التالي في نافذة طرفية:

موجة

سيتم عرض اسم المستخدم الخاص بك (مثل عنوان البريد الإلكتروني). بعد ذلك ، ستحتاج فقط إلى توفير مسار الملف للمشروع:

انشر موقعك الثابت إلى Surge

أدخل مسار الملف الكامل ، ثم اضغط على Enter.

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

(ملاحظة: إذا كان اسم المجال المخصص الذي أدخلته محجوزًا بالفعل ، فسترى رسالة خطأ.

تم إحباط - ليس لديك إذن بالنشر على [ ]

بمجرد اكتمال النشر ، سترى رسالة نجاح معروضة في جهازك. سيُظهر لك اسم المجال وعنوان IP للمشروع حيث يمكنك الوصول إلى النشر المباشر.

انتشار الطفرة

أدخل اسم المجال في متصفح الويب الخاص بك ، وسترى الآن موقعك على الهواء مباشرة:

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

إضافة اسم مجال مخصص 

باستخدام CNAME القيد

بشكل افتراضي ، ستوفر Surge نطاقًا فرعيًا مخصصًا لأي موقع ويب تقوم بنشره في خدمتهم. سيبدو مثل your-custom-domain.surge.sh. يمكنك تخصيص المجال الفرعي وتحديده (بشرط ألا يكون قد تم استخدامه بالفعل). ومع ذلك ، فمن المحتمل أنك سترغب في استخدام مجالك المخصص لأي مشروع احترافي.

للقيام بذلك ، ستحتاج إلى إضافة سجلي CNAME جديدين في لوحة DNS لمزود المجال الخاص بك. سيكون أحدهما باسم مضيف @ ، والآخر سيكون باسم مضيف www. سيشير كلا سجلي CNAME إلى عنوان IP التالي:

na-west1.surge.sh

استخدام العام A سجل

إذا كان موفر المجال الخاص بك لا يسمح لسبب ما بسجلات CNAME ، فيمكنك تعيين سجل A كبديل. اجعل سجل A يشير إلى عنوان IP وهو 45.55.110.124.

استخدام النطاقات الفرعية المخصصة

يمكنك أيضًا استخدام أي مجال فرعي مخصص للإشارة إلى Surge ، مثل sub.my-cool-site.com. للقيام بذلك ، ستحتاج إلى إعداد سجل CNAME جديد. يجب أن يؤدي هذا إلى نفس عنوان IP الخاص بـ na-west1.surge.sh أعلاه ، ولكن هذه المرة سيكون اسم المضيف *. * اسم المضيف هو حرف بدل. هذا يعني أن أي نطاق فرعي بخلاف النطاق الأساسي سيكون صالحًا ومسموحًا به.

سيتعرف برنامج الزيادة على تغييرات DNS هذه على الفور. قد يستغرق التكاثر في مكان آخر وقتًا ، ولكن لا يزيد عادةً عن 24-48 ساعة.

نشر المشروع باستخدام المجالات المخصصة

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

زيادة حجم الملف / من / المشروع a-cool-custom-domain.com

ربط المجالات المخصصة بالمشاريع

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

صدى a-cool-custom-domain.com> CNAME

مشاركة مشروع Surge الخاص بك

Sunlight Media LLC: مشاركة مشروع Surge الخاص بك

لمنح إذن نشر لمستخدمي Surge الآخرين ، يجب عليك أولاً نشر مشروعك. ثم اكتب الأمر add في سطر الأوامر لبدء إضافة المتعاونين من خلال عنوان بريدهم الإلكتروني.

زيادة - إضافة تعاونemail.com

يمكن للضيوف الذين تمت دعوتهم إلى مشروعك وقبلوا دعوتك الآن نشر ملفاتهم المصدر في نفس المجال.

 


قائمة مشاريع الزيادة

لعرض جميع المشاريع التي نشرتها باستخدام Surge ، اكتب أمر Surge البسيط هذا في سطر الأوامر. سيؤدي هذا إلى إنشاء قائمة بجميع مشاريعك.

قائمة الطفرة

إضافة صفحات خطأ 404 مخصصة

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

 

إنشاء .surgeignore ملف، / h2>

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

لإعداد هذا ، قم بإنشاء ملف جديد يسمى .surgeignore في جذر مجلد المشروع الخاص بك. داخل هذا الملف ، يمكنك سرد أي ملفات وأدلة ترغب في تجاهلها. قد تتضمن بعض الأمثلة الشائعة node_modules و bower_components وغيرها. يمكنك أيضًا تجاهل أنواع ملفات معينة ليست ذات صلة بإصدار إنتاج الموقع. ستؤدي إضافة * (رمز حرف البدل) قبل الامتداد (مثل * .swp ، * .psd ، إلخ) إلى تحقيق ذلك.

إزالة الموقع من Surge

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

تصاعد هدم your-domain.com

قبل محاولة إزالة مشروعك ، تأكد من تحديث إصدار Surge إلى أحدث إصدار.

مقارنة بين صفحات Surge و Github

على غرار Surge ، هناك خدمة استضافة ثابتة بديلة شائعة أخرى هي صفحات جيثب. تتيح هذه الخدمة المجانية للمستخدمين استضافة مشروعاتهم الشخصية الثابتة في مستودع جيثب. تفتخر Github Pages بسمعة معروفة للغاية بين مطوري الويب من أي عيار باعتبارها واحدة من أعلى خدمات الاستضافة الثابتة مرتبة. يمكن إنشاء نوعين من الصفحات "صفحات المشروع أو صفحات المستخدم والمؤسسة" والتي يمكن إنشاؤها ضمن المجال github.io. بالطبع ، لديك الحرية في استخدام مجال مخصص أيضًا. توصي Github صراحةً بعدم نشر أي مشاريع تهدف إلى تحقيق أغراض تجارية باستخدام خدمة الاستضافة الخاصة بهم. لذلك ، في حين أنه قد لا يكون قادرًا على استيعاب مواقع الويب واسعة النطاق ، فإن صفحات Github مثالية للاستخدامات غير التجارية أو الشخصية.

هناك اختلافات طفيفة بين صفحات المشروع وصفحات المستخدم والمؤسسة. يمكن نشر صفحات المشروع من مواقع مصادر متعددة ، بما في ذلك الفروع الرئيسية و "صفحات GH". بدون مجال مخصص ، سيكون مجال النشر الافتراضي هو https: // .github.io /. من ناحية أخرى ، توجد صفحات المستخدم والمؤسسة في الفرع الرئيسي أسفل مستودع Github الخاص بك. يتم نشرها مع المجال https: // .github.io.

فوائد الطفرة

في حين أن صفحات Github هي بلا شك أداة قوية ، فإن Surge تقدم بعض المزايا التي تفتقر إليها صفحات Github. إحدى هذه الفوائد هي التوجيه من جانب العميل. ضمن مشروع Surge الخاص بك ، يمكنك إعادة توجيه العملاء إلى ملف HTML "احتياطي" (200.html) إذا طلبوا مسارًا غير موجود. هذا مفيد لأنه بدلاً من عرض خطأ 404 ينذر بالخطر ، سيعمل Surge ببساطة على الملف الاحتياطي.

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

 

كاتب السيرة الذاتية

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

تشعبت في دورات علوم الكمبيوتر على مستوى الكلية حيث أصبحت بارعة في برمجة Java. خلال صيف عام 2018 ، حضرت Crystal برنامجًا انتقائيًا يسمى Kode with Klossy ، حيث اكتسبت مهارات في HTML5 / CSS ، وجافا سكريبت ، وجربت تطوير محاكاة الواقع الافتراضي والمعزز.

تأمل كريستال في مواصلة دراستها في الحوسبة والتكنولوجيا في تعليمها بعد الثانوي.

2 التعليقات

  • soundos مايو 29، 2020 في 6: 45 مساء

    مدونة رائعة ، شكرا للنشر.

  • أرسلان علي مايو 31، 2020 في 3: 28 مساء

    أتلقى المشكلة التالية ، يرجى تقديم المشورة لكيفية حلها
    تم إحباط - لا يوجد مثل هذا الملف أو الدليل: C: \ Users \ lenovo \ Desktop \ UrduBootCamp \ UrduBootCamp \ UrslanAli.surge.sh

أضف تعليق

التعليقات خاضعة للإشراف. بريدك الإلكتروني يبقى خاصا. الحقول المطلوبة محددة *