الاوامر التالية سيتم استخدامها داخل ال Terminal
هذا الأمر يثبت firebase-tools بشكل عام على جهازك بحيث يمكنك استخدامه في جميع المشاريع
اذا ظهرت هذه المشكلة
يجب تفعيل تشغيل السكربتات في ال Terminal
فتح إمكانية تشغيل جميع السكريبتات دون قيود
سنعيد التثبيت عن طريق الكود الاول
اذا لم تواجه المشكلة لا تعيد التثبيت
تسجيل الدخول
يتم طلب صلاحيات
? Allow Firebase to collect CLI and Emulator Suite usage and error reporting information? (Y/n)
سيتم فتح نافذة في المتصفح تطلب منك تسجيل الدخول إلى حساب Google الخاص بك
تهيئة المشروع
هل أنت مستعد للمتابعة؟ (نعم/لا)
? Are you ready to proceed? (Y/n)
نقوم باختيار هذا الخيار
Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys
نتحرك بالاسهم ثم نختار عن طريق الضغط على زر مسطرة او (space)
يجب التـأكد من وجود نجمة على الخيار بهذا الشكل ( * )
الرجاء تحديد خيار
? Please select an option
نقوم باختيار هذا الخيار
Use an existing project
تعني استخدام مشروع موجود
Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys
نقوم باختيار اسم المشروع
? What do you want to use as your public directory? (public)
اضغط على Enter
سيقوم بانشاء مجلد اسمه ( public )
هل تطبيقك single-page app يتم انشائه عن طريق React
? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
هل تريد رفعه على GitHub
? Set up automatic builds and deploys with GitHub?
الان نغلق المحرر
سنقوم بفتح ملف public
ثم سنحذف ملف index
سنضع جميع ملفات المشروع داخل ملف public
ونبقي الملفات الخاصة بــ Firebase
نفتح الان المشروع في الــ Visual Studio Code
يشغّل خادم محلي (Local Server) على جهازك بحيث يمكنك رؤية مشروعك مباشرة في المتصفح مفيد جدًا قبل استخدام firebase deploy لضمان أن كل شيء يعمل بشكل صحيح
انتظر بضع لحظات حتى يظهر لك في التيرمينال رابط مثل:
Local server: http://localhost:5000
اضغط على زر Control ثم على اللينك للتوجه اٍلى المشروع
بعد عملية الفحص لن تستطيع الكتابة لذلك اضغط على
Control + C
نشر المشروع
الان سيرفع المشروع
ستجد رابط المشروع على هذا الشكل
Hosting URL: https://dash-board-s.web.app
اذا اردنا التعديل على المشروع
تسجيل الخروج
الان سنعيد بعض الخطوات
تسجيل الدخول
سيتم فتح نافذة في المتصفح تطلب منك تسجيل الدخول إلى حساب Google الخاص بك
السماح لـ Firebase بجمع معلومات الاستخدام والإبلاغ عن الأخطاء في CLI وEmulator Suite
? Allow Firebase to collect CLI and Emulator Suite usage and error reporting information? (Y/n)
سيتم فتح نافذة في المتصفح تطلب منك تسجيل الدخول إلى حساب Google الخاص بك
بعد نجاح العملية نستطيع الان نشر الموقع
الان سيرفع المشروع
ستجد رابط المشروع على هذا الشكل
Hosting URL: https://dash-board-s.web.app