استقرار سریع برنامه‌های React

ورود به حساب کاربری

وارد کنسول لیارا شوید و با وارد کردن ایمیل یا شماره همراه ثبت شده، به اکانت خود در لیارا، لاگین کنید.

ایجاد برنامه

برنامه React خود را با شناسه، شبکه خصوصی و منابع سخت‌افزاری و بسته امکانات مدنظرتان ایجاد کنید.

حذف فایل‌های اضافی

پوشه‌ها و فایل‌های درون پروژه که قصد ندارید در لیارا آپلود شوند (به عنوان مثال پوشه node_modules) را پاک کنید.

بررسی فایل package.json استاندارد

در نظر داشته باشید که در پروژه‌های استاندارد React، یک فایل به نام package.jsonوجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. قطعه کد زیر یک نمونه استاندارد از فایل package.json است:

{
  "name": "react-getting-started",
  "version": "0.1.0",
  "dependencies": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.2"
  },
  "devDependencies": {
    "vite": "^2.4.4", 
    "@vitejs.plugin-react-refresh": "^1.3.1" 
  },
  "scripts": {
    "start": "vite preview",
    "build": "vite build"
  }
}

export default {
    // ... rest of configuration
    build: {
        outDir: "build"
    }
}

و یا اگر که برنامه خود را با create-react-app ساخته‌اید؛ فایل package.json می‌تواند مانند قطعه کد زیر باشد:

{
  "name": "react-getting-started",
  "version": "0.1.0",
  "dependencies": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build"
  }
}

زیپ و آپلود پروژه

پوشه پروژه را در یک فایل zip قرار دهید. فایل را کشیده و در باکس آپلود Liara Console رها کنید.

استقرار پروژه

مرحله به مرحله استقرار را با Console جلو بروید و شخصی‌سازی‌های لازم را انجام دهید و در نهایت بر روی گزینه استقرار کلیک کنید تا عملیات استقرار، آغاز شود.