Saytı yayımlamaq

Lokal fayldan açıq ünvana

Statik layihənin build qovluğunda HTML, CSS, JavaScript və digər fayllar olur. Hostinq bu faylları brauzerə çatdırır. Vite layihəsində standart çıxış qovluğu adətən dist olur; öz layihənin ayarını yoxla.

Build-i yayımlamazdan əvvəl lokal preview ilə aç. Sonra yayımlanan saytda yalnız ana səhifəni deyil, daxili səhifənin tam ünvanını da birbaşa aç və yenilə.

Domen saytın insan üçün rahat adıdır, hostinq isə faylların təqdim edildiyi yerdir. HTTPS bağlantını şifrələyir. API açarı kimi sirrlər statik fayllarda gizlədilə bilməz.

Əlavə qeydlər və mənbələr

Hazır layihəni internetdə əlçatan et və yayımlanan versiyanı yoxla.

Niyə vacibdir?

Lokal mühitdə işləyən layihənin real ünvan üzərindən də düzgün açıldığını yoxlamaq lazımdır.

Əvvəlki biliklər

Testin əsasları

Bu mövzuda

Build və preview fərqini anla
Statik hostinqə build qovluğunu yüklə
HTTPS və domen anlayışlarını öyrən
Birbaşa səhifə URL-lərini və 404 səhifəsini sına

Mənbələr

Məşqin idarəetməsi

Addım 1 / 2

Yayımdan sonra yoxla

Build çıxışından başlayıb birbaşa daxili URL-ni yoxla.

Prosesi son vəziyyətə çatdır.

Build var
Lokal preview
Yayım modeli
Daxili URL işləyir

Build var

Statik çıxış hazırdır.

dist/

Bu məşq prosesi modelləşdirir.

Özün sına

Layihənin build-ini hazırla və seçdiyin statik hostinqdə yayımla. Mobil cihazda aç, səhifəni yenilə və bütün keçidləri sına.

Nəticəni necə yoxlayım?

Paylaşılan HTTPS ünvanı işləyir, resurslar yüklənir və kodda məxfi açar yoxdur.

Gözlənilən nəticə

Build xətasız tamamlanır və preview istehsal çıxışını göstərir.
Yayım nəticəsi real HTTPS ünvanında açılan, yenilənən və işlək keçidli layihədir; burada saxta canlı ünvan verilmir.

Nümunə həllə bax

Əvvəl özün sına, sonra müqayisə et. Bu, mümkün həllərdən biridir.

Yayım provider-inə görə qovluq seçilir. Vite nümunəsində çıxış dist-dir; uğur üçün real yayımlanmış ünvanı yoxlamaq lazımdır.

terminal.sh

npm ci
npm run build
npm run preview
# Preview-da səhifələri yoxla.
# Seçdiyin statik hostinqdə build əmri: npm run build
# Vite üçün çıxış qovluğu: dist
# Yayımdan sonra HTTPS ünvanını mobil cihazda aç.

yoxlama.txt

[ ] Ana səhifə HTTPS ilə açılır.
[ ] CSS və şəkillər üçün404 yoxdur.
[ ] Bütün daxili keçidlər işləyir.
[ ] 320px mobil görünüşdə üfüqi daşma yoxdur.
[ ] Detal səhifəsi yenilənəndə də açılır.
[ ] BrowserRouter varsa, host index.html fallback təmin edir.
[ ] Konsolda tətbiq xətası yoxdur.
Bu nümunə avtomatik yayım etmir; nəticə öz hostinqində yoxlanılır.

Praktikanı bitirdin?Özün qiymətləndirirsən. İrəliləyiş bu brauzerdə saxlanılır.