كيفية نشر موقع ويب ثابت مجانًا في 3 دقائق فقط مباشرة من Google Drive باستخدام Fast.io

في هذه المقالة ، سأوضح لك كيفية نشر موقع ويب ثابت مجانًا في 3 دقائق فقط ، باستخدام خدمة التخزين السحابي مثل Google Drive أو Dropbox.

ولا - لم يدفع fast.io لي أو freeCodeCamp لإنشاء هذه المقالة. ليس لدينا أي علاقة معهم. أنا أكتب فقط عن هذا لأنني وجدت أن أداتهم مثيرة ومفيدة حقًا لاستضافة مواقع الويب الثابتة بسرعة مجانًا.

ما هو Fast.io؟

Fast.io هو حل تم إنشاؤه بواسطة Mediafire لتبسيط طريقة عمل الويب. باختصار ، هدفهم هو جعل حياتك أسهل عن طريق جعل الويب أكثر سهولة في الوصول والإدارة.

تم إطلاقه في نهاية عام 2019 ، لذا أشاركه معك الآن.

كيف تعمل

عند استخدام Fast.io ، ستتمكن من الاتصال بالسحابة الخاصة بك (Google Drive ، DropBox ، إلخ) ، واختيار اسم موقع الويب ، ونشر المحتوى الخاص بك ، كل ذلك بنقرات قليلة.

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

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

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

موفرو التخزين المتاحون

فيما يلي قائمة بموفري التخزين المتاحين إذا كنت سأقوم بنشر موقع الويب الخاص بي اليوم:

  • جيثب
  • بصندوق الإسقاط
  • جوجل درايف
  • صندوق
  • ميديافاير
  • OneDrive

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

المنافسين

يوجد بالفعل عدد من الشركات المختلفة التي تتيح لك الحصول بسرعة على موقع ويب ثابت عبر الإنترنت. أشهر الحلول هي GitHub Pages و Heroku و Netlify.

لا أقول بالضرورة أن Fast.io هو الأفضل ، لكني أحب مدى بساطة نشر موقع ويب أساسي.

ملاحظة سريعة: إذا كنت تريد نشر شيء أكثر تعقيدًا - مثل موقع Python Flask على الويب - فلا يمكنك القيام بذلك باستخدام Fast.io. في هذه الحالة ، أوصي بشدة باستخدام Heroku.

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

ما هو موقع ثابت؟

قبل أن أوضح لك كيفية نشر موقع الويب الخاص بك ، أعتقد أنه من الضروري تحديد ما هو موقع الويب الثابت وما هي الاختلافات من موقع ديناميكي.

يحتوي موقع الويب الثابت على صفحات ويب ذات محتوى ثابت. يكون محتوى صفحتك بتنسيق HTML ، ويرى جميع المستخدمين نفس الشيء.

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

الفرق الرئيسي بين ذلك والموقع الديناميكي هو بالطبع ... الجزء الديناميكي!

يستخدم موقع الويب الديناميكي تقنية الخادم لبناء الصفحة عندما يطلب المستخدم موقع الويب.

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

حان الوقت لنشر موقع الويب الخاص بك

هل أنت مستعد لمشاركة صفحتك مع الجميع؟ لنفعلها!

في هذا الجزء ، سأوضح لك كيفية وضع موقع الويب الخاص بك على الإنترنت ببضع نقرات. سأستخدم صفحة HTML أساسية ، ولكن بمجرد أن تفهم كيفية عمل Fast.io ، فأنت حر في تعديل كل شيء.

1) قم بإنشاء ملف index.html

تحتاج إلى إنشاء ملف index.html بداخله كود HTML. أوصي بأن تبدأ بشيء بسيط لأنه يمكنك دائمًا تحديثه لاحقًا.

احفظ الملف على جهاز الكمبيوتر الخاص بك.

   My Static Website   

My Static Website

Hello, I'm online, and everyone can see me!

2) افتح الصفحة الرئيسية Fast.io

كل ما عليك فعله لبدء Fast.io هو فتح موقع الويب. بمجرد القيام بذلك ، انقر فوق "اشترك الآن - إنه مجاني!" .

3) تكوين Google Drive

تظهر هذه الصفحة بعد الخطوة 2 وتسمح لك بتحديد مزود التخزين. حدد "Google Drive" .

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

يحتاج Fast.io إلى الوصول إلى حساب Google Drive الخاص بك للعمل. سيقومون بإنشاء مجلد "Fast.io" يحتوي على موقع (مواقع) الويب الخاصة بك. انقر فوق "Connect Google Drive Now" .

تحتاج إلى تحديد حساب Google الخاص بك لربطه بـ Fast.io.

تحتاج إلى السماح لـ Fast.io بالوصول إلى حساب Google الخاص بك لربطه بشكل صحيح.

حسابك جاهز الآن ، اختر كلمة مرور ثم انقر فوق "إنشاء حساب" .

عندما يكون حسابك جاهزًا ، تظهر رسالة "مرحبًا بك في Fast!" ستظهر الصفحة. انقر فوق "لنبدأ!" .

4) إنشاء موقع الويب الخاص بك

أنت جاهز لإنشاء موقع الويب الخاص بك ومشاركته مع الجميع! انقر فوق "إضافة موقع جديد" .

اختر اسم موقع الويب الخاص بك واكتبه في مربع الإدخال. عند الانتهاء ، انقر فوق "التالي" .

يتيح لك Fast.io إنشاء ثلاثة أنواع من مواقع الويب: موقع ويب لمشاركة الملفات أو صفحة ويب أو موقع ويب لمستعرض الملفات.

في حالتنا ، سنختار "صفحات الويب" لأننا نريد استضافة صفحة ويب HTML.

إذا كنت تريد لاحقًا إنشاء موقع ويب لمشاركة بعض المستندات ، فيجب عليك الرجوع إلى لوحة المعلومات وإنشاء واحدة جديدة وتحديد تنزيلات الملفات.

بمجرد النقر فوق "صفحات الويب" ، تحتاج إلى تحديد مزود التخزين الخاص بك. انقر فوق "Google Drive" .

اختر عنوان URL لموقع الويب الخاص بك واكتبه في مربع الإدخال. عند الانتهاء ، انقر فوق "إنشاء موقع" .

أنت فعلت ذلك! موقع الويب الخاص بك متصل ومتاح على عنوان URL الذي اخترته. في حالتي ، يمكنك العثور على موقعي على mygoogledrivewebsite.imfast.io

5) قم بتحميل ملف index.html الخاص بك

إذا فتحت موقع الويب الخاص بك ، فقد تلاحظ خطأ لأنك لم تقم بتحميل ملف index.html الخاص بك على Google Drive.

فيما يلي طريقتان للقيام بذلك:

  • افتح Google Drive وابحث عن مجلد Fast.io ، ثم مجلد موقع الويب الخاص بك (في حالتي ، "mygoogledrivewebsite.imfast.io").
  • في صفحة النجاح الخطوة 4 ، انقر فوق "شاهد Google Drive" .

بمجرد القيام بذلك ، انقر بزر الماوس الأيمن وحدد "تحميل الملفات" . ستفتح نافذة جديدة ، ابحث عن ملف "index.html" - حدده .

انتظر قليلاً قبل ظهور التغيير على موقع الويب الخاص بك.

6) احتفل!

انشر الكلمة لجميع أصدقائك! موقع الويب الخاص بك مباشر ويمكن للجميع رؤيته!

؟ شاركه على تويتر بالضغط هنا! ؟

7) مكافأة

إذا كنت مهتمًا بالفضول وترغب في تكوين كل شيء ، فيمكنك الرجوع إلى لوحة التحكم والنقر على موقع الويب الخاص بك.

ستتمكن من ربط موقع الويب الخاص بك بـ Google Analytics (إحصائيات الزوار) ، وتغيير اسم المجال الخاص بك (على سبيل المثال ، mywebsite.com) ، وغير ذلك الكثير!

استنتاج

ما رأيك في هذه الخدمة الجديدة؟ هل وجدتها سريعة وسهلة؟

لا تتردد في مشاركة هذه المقالة إذا كنت تحب ذلك.

لا تفوت المحتوى الخاص بي من خلال متابعتي على Twitter و Instagram.

يمكنك العثور على مقالات أخرى مثل هذه على موقع الويب الخاص بي: herewecode.io.

هل تريد المزيد؟

  • كل أسبوع احصل على اقتباس تحفيزي مع بعض النصائح ، ودليل تعليمي قصير في بضع شرائح ، وصورة أحد المطورين على Instagram.
  • اشترك في النشرة الإخبارية واحصل على أحدث المقالات والدورات التعليمية والنصائح والكتب والتحفيز والمحتويات الحصرية الأخرى.