اولین قدم این است که بفهمید هوش مصنوعی چه نوع پروژه‌ای به شما داده، چون هاست و روش انتشار به همان بستگی دارد. فایل‌های HTML ساده روی هر هاستی کار می‌کنند؛ پروژه‌ی React باید اول «ساخته» (build) شود؛ و پروژه‌ای که سمت سرور Node.js دارد، هاست Node.js می‌خواهد.

نوع پروژه را تشخیص دهید

در پوشه‌ی پروژه می‌بینید نوع هاست
فقط index.html، css، js سایت استاتیک هاست لینوکس
فایل‌های php. PHP هاست لینوکس
package.json با vite یا react-scripts، بدون سرور اپ تک‌صفحه‌ای؛ بعد از build استاتیک می‌شود هاست لینوکس
package.json با next، express، nest اپلیکیشن Node.js هاست Node.js

اگر مطمئن نیستید، از همان دستیار بپرسید: «این پروژه برای اجرا به سرور Node نیاز دارد یا خروجی build آن استاتیک است؟»

سایت استاتیک و PHP

  1. در سی‌پنل، File Manager را باز کنید و وارد public_html شوید.
  2. فایل‌ها را به‌صورت zip آپلود و Extract کنید.
  3. فایل اصلی باید index.html یا index.php باشد و مستقیم در public_html، نه داخل یک پوشه‌ی دیگر.
  4. دامنه را در مرورگر باز کنید.
مدیریت فایل سی‌پنل برای آپلود فایل‌های وردپرس
آپلود و استخراج فایل‌های سایت در public_html

اپ React یا Vue (بدون سرور)

  1. روی کامپیوتر خودتان: npm install و بعد npm run build.
  2. پوشه‌ی خروجی (dist یا build) ساخته می‌شود.
  3. محتوای همان پوشه را در public_html آپلود کنید، نه کل پروژه.
  4. اگر اپ چند مسیر دارد و با تازه‌سازی صفحه خطای ۴۰۴ می‌دهد، این را در htaccess. بگذارید:
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

اپلیکیشن Node.js

مراحلش جداست: استقرار پروژه‌ی Next.js روی هاست Node.js.

اگر دیتابیس دارد

  • دیتابیس و کاربرش را در سی‌پنل بسازید. (راهنما)
  • مشخصات اتصال را در فایل تنظیمات پروژه وارد کنید؛ روی هاست معمولاً host برابر localhost است.
  • جدول‌ها را با phpMyAdmin وارد کنید.

چهار چیزی که هوش مصنوعی معمولاً جا می‌اندازد

مورد چرا مهم است
کلید و رمز داخل کد اگر در فایل جاوااسکریپت سمت مرورگر باشد، همه می‌بینند
آدرس localhost در کد روی هاست کار نمی‌کند
عنوان، توضیح متا و فاوآیکن برای گوگل و اشتراک‌گذاری
فرم تماس بدون بک‌اند پیام به هیچ‌جا نمی‌رسد

قبل از انتشار: بازبینی امنیتی کد تولیدشده.

بعد از انتشار

  • SSL را فعال و سایت را با https باز کنید.
  • روی موبایل امتحان کنید.
  • کارهای اول سئو را انجام دهید.

سوال‌های رایج

هنوز دامنه و هاست ندارم.

برای سایت تازه چه هاستی بخریم.

سایت روی کامپیوترم کار می‌کند ولی روی هاست صفحه‌ی سفید است.

معمولاً مسیر فایل‌ها یا آپلود پوشه‌ی اشتباه. کنسول مرورگر (F12) را ببینید.

بهتر نیست با وردپرس بسازم؟

اگر می‌خواهید خودتان محتوا را مدیریت کنید، بله. (وردپرس چیست)