استقرار برنامه React در لیارا
توجه داشته باشید؛ تنها برنامههایی که با Vite و یا create-react-app ساخته شده باشند، در پلتفرم React لیارا قابل اجرا خواهند بود.
در ابتدا، پس از ساخت برنامه بایستی تمام فایلها و پوشههایی که قصد ندارید در لیارا آپلود شوند را، از پروژه پاک کنید. به عنوان مثال، باید پوشه node_modules را در پروژه خود پاک کنید؛ چرا که لیارا در حین فرایند استقرار، آن را برای شما ایجاد خواهد کرد. به صورت کلی، اگر که در پروژه خود فایلی به نام gitignore. دارید، کافیست تا فایلهای و دایرکتوریهای اشاره شده در این فایل را، از پروژه خود پاک کنید.
همچنین، پروژه شما باید شامل فایل package.json باشد؛ لیارا، در حین فرایند استقرار، به صورت خودکار این فایل را پیدا میکند و عملیات زیر را انجام میدهد:
نصب وابستگیهای برنامه
لیارا، تمامی ماژولها و وابستگیهای برنامه که در فیلدهای dependencies و devDependencies قرار گرفتهاند را با استفاده از دستور npm install نصب میکند.
اجرای اسکریپت build
اگر که در این فایل، اسکریپت build وجود داشته باشد، لیارا با اجرای دستور npm run build آن را، اجرا میکند.
اجرای اسکریپت start
اگر که در این فایل، اسکریپت start تعریف شده باشد، لیارا برای اجرای برنامه، از این اسکریپت استفاده میکند.
قطعه کد زیر، یک نمونه از فایل package.json استاندارد برای برنامههای React است که با استفاده از Vite ساخته شدهاند:
قطعه کد زیر نیز، یک نمونه از فایل package.json استاندارد برای برنامههای React است که با استفاده از دستور create-react-app ساخته شدهاند:
در ادامه، بایستی پوشه پروژه خود را درون یک فایل zip قرار بدهید؛ سپس در برنامه خود، بر روی گزینه استقرار جدید کلیک کرده؛ وارد تب Drag & Drog شوید و فایل zip را آپلود کنید تا وارد مرحله بعدی استقرار شوید:
پس از آپلود پروژه، باید شخصیسازیهای پروژه را در برنامه خود، لحاظ کنید:
در انتها، به صورت مستقیم به صفحه تاریخچه برنامه هدایت میشوید که میتوانید لاگهای مربوط به استقرار را در آن، مشاهده بفرمایید.