انتشار
Acme Deploys را بسازید، فراداده را تنظیم کنید و آن را مستقر کنید.
در این فصل
- ساخت
- 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
عنوان زبانه مرورگر را در چیدمان ریشه تنظیم کنید. صفحهها میتوانند آن را بازنویسی کنند.
افزودهشده: export const metadata = { title: "Deployments" }; // → "Deployments · Acme"میزبانی ایستا
بدون کنترلگرهای مسیر، خروجی ساخت یک سایت ایستای معمولی است. هر مسیر ایستا فایل HTML مخصوص خود را دارد. مسیرهای پویا مانند /deployments/[id] با فایل index.html ارائه میشوند.
در Vercel و Cloudflare Pages، دستور text build پلتفرم را تشخیص میدهد و خودش آن مسیر جایگزین را مینویسد. دیگر میزبانهای ایستا به قانون بازنویسی نیاز دارند. در Netlify، یک فایل _redirects به دایرکتوری public/ اضافه کنید:
افزودهشده: /* /index.html 200Netlify پیش از اعمال قانون، فایلهای موجود را ارائه میکند، بنابراین فایلهای منابع و مسیرهای پیشرندرشده تغییری نمیکنند.
پیش از انتشار
- گزینه نگه داشتن گزارش را در تنظیمات کنسول خود خاموش کنید. کاربران شما هم باید آن را خاموش کنند.
- اندازههای باریک مانند 80×24 را آزمایش کنید. اتصال DevTools به کنار پنجره، شبکهای باریک ایجاد میکند.
- دستور
bun testرا اجرا کنید.
برای انتشار، کلید Enter را در کنسول فشار دهید. سپس گواهی خود را دریافت کنید.
امتحان کنید
این Acme Deploys در پایان فصل است که در DevTools اجرا میشود. روی پد کلیک کنید، سپس از کلیدهای زیر استفاده کنید.
باز کردن کنسول
برنامه در DevTools رندر میشود.ابتدا گزینهٔ «نمایش قابلیتها برای توسعهدهندگان وب» را در تنظیمات Safari ← پیشرفته فعال کنید. سپس اینجا کلیک کنید و Enter را فشار دهید.
باز کردن در رایانه
این برنامه در کنسول DevTools رندر میشود که به مرورگر دسکتاپ نیاز دارد.
آزمون
2 پرسشبرای تکمیل فصل به همهٔ پرسشها پاسخ دهید.