استقرار a واکنش نشان دهید برنامه به میزبانی Firebase می تواند یک فرآیند ساده باشد. Firebase یک پلت فرم توسعه اپلیکیشن موبایل و وب است که طیف وسیعی از خدمات از جمله میزبانی، پایگاه داده، احراز هویت، ذخیره سازی و تجزیه و تحلیل را ارائه می دهد.
میزبانی Firebase یک راه حل میزبانی سریع و قابل اعتماد است که به توسعه دهندگان اجازه می دهد تا برنامه های وب را به سرعت و به راحتی اجرا کنند.
در این آموزش، ما مراحل مورد نیاز برای استقرار یک برنامه React در میزبانی Firebase را پوشش خواهیم داد. ما فرض می کنیم که شما درک اولیه ای از React و Command Line دارید.
پیش نیازها
قبل از شروع به موارد زیر نیاز دارید:
- حساب Firebase
- برنامه React
- Firebase CLI روی دستگاه شما نصب شده است
مرحله 1: یک پروژه Firebase ایجاد کنید
برای شروع، وارد کنسول Firebase خود شوید و یک پروژه جدید ایجاد کنید. به پروژه خود یک نام بدهید و منطقه مورد نظر خود را انتخاب کنید. پس از ایجاد پروژه، به داشبورد پروژه بروید.
بعد، پلتفرم برنامه خود را انتخاب کنید. در این صورت «وب» را انتخاب می کنیم. یک نام برای برنامه خود وارد کنید و روی دکمه “ثبت برنامه” کلیک کنید.
Firebase مجموعه ای از کلیدهای پیکربندی را برای برنامه شما ایجاد می کند. این کلیدها را در کلیپ بورد خود کپی کنید، زیرا بعداً در آموزش از آنها استفاده خواهیم کرد.
مرحله 2: Firebase CLI را نصب کنید
سپس باید Firebase CLI را روی دستگاه خود نصب کنیم. Firebase CLI یک رابط خط فرمان است که به ما امکان می دهد از ترمینال خود با Firebase تعامل داشته باشیم.
برای نصب Firebase CLI، ترمینال خود را باز کنید و دستور زیر را اجرا کنید:
npm install -g firebase-tools
پس از اتمام نصب، با اجرای دستور زیر وارد Firebase CLI شوید:
firebase login
با این کار یک پنجره مرورگر باز می شود و از شما می خواهد که به حساب Firebase خود وارد شوید. پس از ورود به سیستم، می توانید پنجره مرورگر را ببندید و به ترمینال خود بازگردید.
مرحله 3: Firebase را در برنامه React خود راه اندازی کنید
اکنون که Firebase CLI را نصب کرده ایم، می توانیم Firebase را در برنامه React خود مقداردهی کنیم. به دایرکتوری پروژه خود در ترمینال خود بروید و دستور زیر را اجرا کنید:
firebase init
با این کار Firebase در پروژه شما مقداردهی اولیه می شود و یک فایل firebase.json در فهرست اصلی پروژه شما ایجاد می شود.
در مرحله بعد، ما باید میزبانی Firebase را پیکربندی کنیم. در اعلان Firebase CLI، “Hosting” را انتخاب کرده و Enter را فشار دهید. سپس، پروژه ای را که در مرحله 1 ایجاد کرده اید انتخاب کنید.
Firebase از شما می خواهد تنظیمات میزبانی خود را پیکربندی کنید. از پیکربندی زیر استفاده کنید:
چه چیزی را می خواهید به عنوان فهرست عمومی خود استفاده کنید؟ دور
به‌عنوان یک برنامه تک صفحه‌ای پیکربندی شود (همه آدرس‌های اینترنتی در /index.html بازنویسی شوند)؟ آره
فایل dist/index.html از قبل وجود دارد. زیاد نوشتن؟ آره
مرحله 4: برنامه React خود را بسازید
قبل از اینکه بتوانیم برنامه خود را در میزبانی Firebase مستقر کنیم، باید برنامه React خود را بسازیم. برای این کار دستور زیر را اجرا کنید:
npm run build
با این کار یک بیلد آماده تولید از برنامه React شما در دایرکتوری dist ایجاد می شود.
مرحله 5: برنامه React خود را در میزبانی Firebase مستقر کنید
در نهایت، ما آماده هستیم تا برنامه React خود را در میزبانی Firebase مستقر کنیم. برای این کار دستور زیر را اجرا کنید:
firebase deploy
تبریک می گویم! شما با موفقیت برنامه React خود را در میزبانی Firebase مستقر کردید.
برنامه زنده است، پیش نمایش آن را اینجا ببینید
نتیجه
در این آموزش، ما مراحل مورد نیاز برای استقرار یک برنامه React در میزبانی Firebase را پوشش دادیم. ما با ایجاد یک پروژه Firebase و پیکربندی Firebase CLI در دستگاه خود شروع کردیم. سپس، Firebase را در برنامه React خود راه اندازی کردیم و میزبانی Firebase را پیکربندی کردیم. در نهایت، ما برنامه React خود را ساختیم و آن را در میزبانی Firebase مستقر کردیم.
میزبانی Firebase یک راه حل میزبانی سریع و قابل اعتماد است که به توسعه دهندگان اجازه می دهد تا برنامه های وب را به سرعت و به راحتی اجرا کنند. این یک گزینه عالی برای میزبانی برنامه React شما است، زیرا طیف وسیعی از ویژگی ها و ادغام ها را ارائه می دهد که می تواند به ساده سازی گردش کار توسعه شما کمک کند.
اگر در طول فرآیند استقرار با مشکلی مواجه شدید، حتماً با مستندات Firebase مشورت کنید یا برای کمک با تیم پشتیبانی آنها تماس بگیرید. کد نویسی مبارک!
