إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز مجانا

إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز مجانا

إن معضلة  المبرمجين و المطورين ( خصوصا مطوري الويب ) هي إيجاد محطة تستضيف يخنة الويب التي تم صنعها من طرفهم، و كذا ليستنى لكل شخص الوصول الى ذلك الموقع و الإطلاع عليه بشكل آمن، فليكون تطبيق الويب الخاص بك متاحا للجميع تحتاج لإستضافة لرفع تطبيق الويب الخاص بك عليها، إلا ان أغلب هذه الاستضافات خصوصا المجانية منها تعاني من ثقل في الإستخدام و التصفح ناهيك على انها تطالبك بالدفع مقابل بعض الاضافات كالحصول على ترخيص SSL لتحويل موقعك الى واحد مؤمن عن طريق بروتكول الـ https.
تقدم غوغل خدمة استضافة الفايربيز التي لن تكلفك سنتا بعد الان، كما أنها تقدم لك بروتوكل الـ https بشكل افتراضي مع الخدمة و تقدم سرعة إتصال مذهلة لمختلف الاماكن دون الحاجة الى CDN مقسم .

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



- ما هي الـ Firebase او فايربيز ؟

إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز مجانا


إن كنت لأول مرة  ستسمع بخدمة Firebase/فايربيز/فايربيس فلا تقلق نحن سنوفر لك شرحا تاماً لها، هي خدمة توفرها لك شركة جوجل من أجل إستضافة قواعد البيانات و المواقع و التعامل بشكل حي (Real Time) مع مرور البيانات و تسجيلها بين المنصة و مختلف البرمجيات و التطبيقات ( اندرويد، تطبيقات الويب، تطبيقات الـ ios و غيرها) و توفرا لك نظام الـ Authentication كذلك من أجل توصيل برمجيتك بإمكانيات التسجيل ( مثل التسجيل عبر فيسبوك او تويتر ) بكل سهولة، تعتمد الفايربيز في التخزين على نوع قواعد بيانات NoSQL و ليس RDBMS، و التعامل معها سهل و يوفر ليونة في إدراجه في مختلف البرمجيات الخاصة بك، خدمة مجانية كليا و يوجد تطويرات مدفوعة  داخلها.

ما هي استضافة الفايربيز ؟ 

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

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟


- ما الذي تحتاج معرفته قبل البدئ ؟ 

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

تثبيت أدوات الـ  firebase CLI


يعود شرح الـ CLI الى Command Line Interface، و هو مستقبل سطر أوامر نستخدمه كثيرا في التعامل مع العديد من المشاريع في الويب و غيرها، إذ نتعامل معه مثلا في بناء مشاريع و التحكم فيها بإستخدام الـ Node js و هو الأشهر، كذلك الـ Yarn، بل حتى ان بعض الإطارات تأتي بالـ CLI الخاص بها من أجل إدارة المشروع من خلال سطر الأوامر مثل Angular CLI. 

و قبل تثبيت أدوات الـ Firebase CLI سنحتاج أولا الى تنصيب الـ NodeJs على جهازك إن لم تتوفر عليه، يكفي النقر على الرابط السابق، تحميل البرمجية التي توافق نظامك و أتمم التنصيب بشكل عادي.
بعد اكتمال تثبيت الـ NodeJs , قمت بتنفيذ الأمر التالي :
npm install -g firebase-tools

بتنفيذ هذا الأمر سيتم تثبيت أدوات Firebase CLI في الحاسوب عن طريق مدير الحزم  NPM  الذي توفره لنا الـ Node Js الذي قمنا بتنصبه مسبقا، إن كنت ستتعرف على مصطلح " مدير الحزم - Package Manager " لأول مرة فالمقال المدرج سيعرفك عليها. 

إنشاء مشروع على الفايربيز

الفايربيز كما أشرنا سابقا هي خدمة مجانية و لها تطويرات مدفوعة، و توفر لك العديد من الخدمات ( غير الإستضافة ) و تتوافق مع جميع المشاريع سواء ويب، او موبايل و غيرها، لذلك دعونا نستهل مشروعنا و نقوم ببنائه على الفايربيز، لإنشاء مشروع جديد إذهب إلى Firebase Console وقم بتسجيل الدخول بحسابك الخاص بغوغل ثم إتبع الشرح التالي : 

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

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

تسجيل الدخول للفايربيز

نفتح نافذة الأوامر مجددا في مجلد المشروع، ثم نقوم بتسجيل الدخول للفايربيز بتنفيذ الأمر التالي، ستتعامل كثيرا مع سطر الأوامر، لذلك كفاك إنتحابا و تقبل الأمر مثل مبرمج حقيقي : 

firebase login

 سيتم توجيهك لنافذة في المتصفح لتسجيل الدخول، بعد التسجيل بنجاح بحسابك ستظر لك النافذة التالية التي تخبرك ان التسجيل قد تم بنجاح : 

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟


كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

تهيئة المشروع

من أجل تشغيل مشروعك بشكل جيد نحتاج الى تهيئة المشروع، أي تنصيب المجلدات و الملفات التلقائية (Default) أحيانا، و أحيانا فقط تهيئة الأساسيات التي تربط مشروعك البرمجي مع خدمات أخرى ( مثلا حين نقوم بإنشاء مشروع Node js يتم تنصيب مجموعة  من الإضافات و الإعدادت في مجلد Node modules التي تجعل من مشروعنا مهيئا لإستخدام عدة مكتبات و إعدادات) ...  لتهيئة المشروع قم بتشغيل الأمر التالي :
firebase init

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

قم باختيار خاصية الاستضافة عن طريق المفتاح Space  ثم اضغط على مفتاح الدخول :

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

بعد ان قمنا بتهيئة مشروع الفايربيز و تهيئة كل الخواص الأخرى، فنحن الآن على إستعداد من أجل إضافة مشروعنا و نشره، لنقوم بذلك نقوم بنسخ كل محتوى مشروعنا ( موقع الويب ) الخاص بنا الى مجلد Public الذي تم إنشائه إثر الكود السابق Firebase init 

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

نشر التطبيق الخاص بك

إقتربنا من النهاية، نهاية المعاناة، ليس معاناتك بل معاناة كاتب هذا المقال، لرفع التطبيق يكفي تنفيذ الأمر التالي : 
firebase deploy

كيفية إستضافة تطبيق الويب الخاص بك على إستضافة الفايربيز؟

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

الرابط الخاص بالمقال Aqua Host لمعاينة التجربة .

    شاركه على :