انتشار

⁦Acme Deploys⁩ را بسازید، فراداده را تنظیم کنید و آن را مستقر کنید.

اپ این فصل در کنسول شما در حال اجراست. آن را با ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C باز کنید (ابتدا ویژگی‌های توسعه‌دهنده را فعال کنید)، سپس امتحانش کنید.
تماشای فصل3:04

در این فصل

  • ساخت
  • Metadata
  • میزبانی ایستا
  • پیش از انتشار

دستور text build یک کلاینت ایستا و، اگر کنترل‌گر مسیر داشته باشید، یک سرور برای text start تولید می‌کند.

ساخت

bun run build
   ▼ Text.js 1.0.1 (Turbolog)   Creating an optimized console production build... ✓ Compiled successfully in 0.8s ✓ Collecting route data ✓ Generating static console cells (3/4) ✓ Prerendering console shells (3/3) ✓ Prerendering curl frames (3/3) ✓ Finalizing console optimizationRoute (app)                              Type       Target┌ ○ /                                    Static     console.log (%c)├ ○ /_not-found                          Static     console.log (%c)├ ○ /deployments                         Static     console.log (%c)├ ƒ /deployments/[id]                    Dynamic    console.log (%c)├ ○ /settings                            Static     console.log (%c)└ ƒ /api/deployments                     Dynamic    Route Handler+ First Load JS shared by all             698.2 kB (241.6 kB gzip)○  (Static)   prerendered as static console cellsƒ  (Dynamic)  on-demand console reconciliation

دستور text start خروجی ساخت را ارائه می‌کند و کنترل‌گرهای مسیر شما را اجرا می‌کند. این دستور روی هر میزبانی با ⁦Bun 1.2+⁩ یا ⁦Node.js 22+⁩ اجرا می‌شود.

Metadata

عنوان زبانه مرورگر را در چیدمان ریشه تنظیم کنید. صفحه‌ها می‌توانند آن را بازنویسی کنند.

app/deployments/page.tsx+1tsx
افزوده‌شده: export const metadata = { title: "Deployments" }; // → "Deployments · Acme"

میزبانی ایستا

بدون کنترل‌گرهای مسیر، خروجی ساخت یک سایت ایستای معمولی است. هر مسیر ایستا فایل HTML مخصوص خود را دارد. مسیرهای پویا مانند /deployments/[id] با فایل index.html ارائه می‌شوند.

در Vercel و ⁦Cloudflare Pages⁩، دستور text build پلتفرم را تشخیص می‌دهد و خودش آن مسیر جایگزین را می‌نویسد. دیگر میزبان‌های ایستا به قانون بازنویسی نیاز دارند. در Netlify، یک فایل _redirects به دایرکتوری public/ اضافه کنید:

public/_redirects+1text
افزوده‌شده: /*  /index.html  200

⁦Netlify⁩ پیش از اعمال قانون، فایل‌های موجود را ارائه می‌کند، بنابراین فایل‌های منابع و مسیرهای پیش‌رندرشده تغییری نمی‌کنند.

پیش از انتشار

  • گزینه نگه داشتن گزارش را در تنظیمات کنسول خود خاموش کنید. کاربران شما هم باید آن را خاموش کنند.
  • اندازه‌های باریک مانند ⁦80×24⁩ را آزمایش کنید. اتصال DevTools به کنار پنجره، شبکه‌ای باریک ایجاد می‌کند.
  • دستور bun test را اجرا کنید.

برای انتشار، کلید Enter را در کنسول فشار دهید. سپس گواهی خود را دریافت کنید.

امتحان کنید

این Acme Deploys در پایان فصل است که در DevTools اجرا می‌شود. روی پد کلیک کنید، سپس از کلیدهای زیر استفاده کنید.

▼ 10 · انتشار

باز کردن کنسول

⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C

برنامه در DevTools رندر می‌شود.ابتدا گزینهٔ «نمایش قابلیت‌ها برای توسعه‌دهندگان وب» را در تنظیمات Safari ← پیشرفته فعال کنید. سپس اینجا کلیک کنید و ⁦Enter⁩ را فشار دهید.

باز کردن در رایانه

این برنامه در کنسول DevTools رندر می‌شود که به مرورگر دسکتاپ نیاز دارد.

آزمون

2 پرسش

برای تکمیل فصل به همهٔ پرسش‌ها پاسخ دهید.

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

 

کدام تنظیم کنسول باید خاموش باشد؟