Localhost

Oman tietokoneen osoite, jonka kautta kehitysvaiheen sovellusta käytetään selaimessa ennen julkaisua.

Localhost · Konseptit

Localhost tarkoittaa tietokonetta, jolla parhaillaan työskentelet. Kun selaimeen kirjoittaa osoitteen localhost, yhteys palaa omalle koneelle niin sanotun loopback-osoitteen kautta. IPv4-verkossa tämä osoite on 127.0.0.1. Nimen localhost käsittely on määritelty internetin standardissa (RFC 6761): localhost-nimet ohjataan aina koneen omaan loopback-osoitteeseen.

Osoitteen perässä oleva numero on portti. Yhdellä koneella voi pyöriä monta palvelua yhtä aikaa, ja portti kertoo, mihin niistä yhteys menee. Kehitystyökaluilla on omat oletusporttinsa: esimerkiksi Next.js käynnistää kehityspalvelimen oletuksena osoitteeseen localhost:3000. Kun portti on jo varattu, työkalu valitsee yleensä seuraavan vapaan tai kertoo virheestä.

Vibekoodauksessa localhost on paikka, jossa sovellusta kokeillaan ennen julkaisua. Tekoäly kirjoittaa koodin, ajat komennon kuten npm run dev, ja avaat localhost-osoitteen selaimessa. Muut eivät näe sivua, koska se on vain sinun koneellasi. Jos sovellus toimii localhostissa mutta ei julkaistuna, syy on usein ympäristömuuttujissa: .env-tiedoston arvot pitää lisätä myös julkaisupalveluun. Tarkista myös, ettei koodiin ole jäänyt kovakoodattua localhost-osoitetta, joka ei toimi tuotannossa.

Usein kysyttyä

Mikä on localhost?

Localhost on oman tietokoneesi osoite. Kun avaat sen selaimessa, yhteys menee omalla koneellasi pyörivään palvelimeen. Kehittäjät käyttävät sitä sovellusten kokeiluun ennen julkaisua.

Mitä localhost:3000 tarkoittaa?

Numero 3000 on portti, jossa omalla koneella pyörivä palvelu kuuntelee. Esimerkiksi Next.js käynnistää kehityspalvelimen oletuksena porttiin 3000, joten sovellus aukeaa osoitteesta localhost:3000.

Näkevätkö muut localhostissa pyörivän sivun?

Eivät. Localhost-osoite viittaa aina kyseiseen koneeseen, joten sivu näkyy vain sinulle. Kun haluat jakaa sovelluksen, se pitää julkaista esimerkiksi Verceliin tai muuhun palveluun.

Esimerkkejä

http://localhost:3000 on Next.js-kehityspalvelimen oletusosoite

127.0.0.1 on IPv4-muotoinen loopback-osoite, joka tarkoittaa samaa konetta

npm run dev käynnistää sovelluksen localhostiin

Error: listen EADDRINUSE: address already in use :::3000 tarkoittaa, että portti 3000 on jo käytössä

fetch('http://localhost:4000/api') toimii omalla koneella mutta ei julkaistussa sovelluksessa

"Sovellus toimii localhostissa mutta ei Vercelissä, tässä on lokin virhe. Mikä on vialla?"