برای استقرار برنامه از گیت‌هاب، ابتدا باید مخزن برنامه خود را برای تولید آماده کنید، آن را به یک پلتفرم هاستینگ متصل کنید، شاخه‌ای که می‌خواهید منتشر کنید را انتخاب کنید و تنظیمات ساخت پلتفرم را برای استقرار پیکربندی کنید. در اینجا از هاستینگ وب اپلیکیشن‌ها برای پیاده‌سازی این فرآیند با یک برنامه React و Vite استفاده می‌کنیم، از اتصال مخزن تا زنده کردن برنامه و به‌روزرسانی آن از طریق گیت‌هاب.
آنچه در این مقاله می‌خوانید
1. آماده‌سازی مخزن گیت‌هاب
ابتدا برنامه را به‌صورت محلی اجرا کرده و عملکرد اصلی آن را آزمایش کنید. یک نسخه کاری محلی مشکلات استقرار را آسان‌تر می‌کند. خطایی که قبلاً به‌صورت محلی ظاهر می‌شود، ناشی از محیط هاستینگ نیست. سپس بررسی کنید که پروژه شما شامل فایل‌های پیکربندی مورد نیاز توسط فریم‌ورک آن باشد. پروژه React ما از Vite استفاده می‌کند و شامل یک فایل package.json است که وابستگی‌ها و اسکریپت‌های موجود را تعریف می‌کند. اطمینان حاصل کنید که package.json شامل اسکریپت ساخت تولید مورد نیاز برنامه شما باشد.
هاستینگ به شما اجازه نمی‌دهد که یک دستور ساخت را تایپ کنید. در عوض، شما آن را از یک منوی کشویی از اسکریپت‌های تعریف‌شده در این فایل انتخاب می‌کنید. در پروژه Vite ما، اسکریپت مربوطه به صورت زیر است:
{ "scripts": { "build": "vite build" } }این باعث می‌شود که npm run build به عنوان دستور ساخت در هنگام پیکربندی برنامه در هاستینگ در دسترس باشد.
2. انتخاب روش استقرار
یک روش استقرار انتخاب کنید که از فریم‌ورک، زمان اجرا و نیازهای منابع برنامه شما پشتیبانی کند. در این آموزش، از هاستینگ وب اپلیکیشن‌ها برای استقرار برنامه به‌طور مستقیم از مخزن گیت‌هاب استفاده می‌کنیم. هاستینگ کد را بازیابی کرده، برنامه را می‌سازد و آن را در زیرساخت مدیریت‌شده اجرا می‌کند، بنابراین نیازی به پیکربندی سرور یا ایجاد یک خط لوله یکپارچه‌سازی مداوم و استقرار (CI/CD) ندارید.
3. اتصال مخزن گیت‌هاب به هاستینگ
در داشبورد هاستینگ، به بخش وب‌سایت‌ها → وب اپلیکیشن‌ها بروید. این بخش، ناحیه استقرار وب اپلیکیشن‌ها را باز می‌کند، جایی که می‌توانید یک مخزن گیت‌هاب یا گیت‌لب را متصل کنید یا برنامه را به‌عنوان یک فایل ZIP بارگذاری کنید. برای استقرار از گیت‌هاب، روی شروع کلیک کنید.
قبل از اتصال مخزن، آدرس وب‌سایتی را که برای دسترسی به برنامه مستقر شده استفاده خواهید کرد انتخاب کنید. می‌توانید از دامنه‌ای که قبلاً دارید استفاده کنید یا یک دامنه جدید وارد کنید. اگر هنوز آماده اتصال دامنه نیستید، گزینه استفاده از دامنه موقت را انتخاب کنید.
4. پیکربندی تنظیمات استقرار
تنظیمات استقرار را که هاستینگ از مخزن شما شناسایی کرده است، بررسی کنید. این شامل فریم‌ورک و شاخه می‌شود. شاخه باید شامل نسخه‌ای از برنامه باشد که می‌خواهید منتشر کنید. در مورد ما، هاستینگ به‌درستی Vite را شناسایی کرده و شاخه اصلی را انتخاب کرده است.
5. استقرار برنامه و بررسی لاگ‌های ساخت
تنظیمات را یک بار دیگر بررسی کرده و سپس روی استقرار کلیک کنید. هاستینگ برنامه را از شاخه گیت‌هاب انتخاب‌شده می‌سازد و آن را به دامنه‌ای که در بالای صفحه نشان داده شده است منتشر می‌کند. پس از اتمام فرآیند، صفحه تأیید استقرار به شما اطلاع می‌دهد که برنامه زنده است و آدرس آن را نمایش می‌دهد.
6. آزمایش برنامه مستقر شده
پس از اتمام استقرار، برنامه را از لینک آن باز کرده و عملکرد اصلی آن را آزمایش کنید. اگر برنامه به درستی بارگذاری شد و ویژگی‌های تعاملی آن به درستی کار کرد، می‌توانید از موفقیت استقرار اطمینان حاصل کنید.
7. تأیید استقرار خودکار از گیت‌هاب
پس از استقرار اولیه، تغییرات ارسال‌شده به شاخه تولید متصل به‌طور خودکار یک استقرار جدید را تحریک می‌کند. برای تأیید این موضوع، یک تغییر قابل مشاهده در برنامه خود ایجاد کرده و آن را به شاخه تولید متصل به هاستینگ ارسال کنید.
دیدگاه و پرسش