Ennen kuin aloitat asennusprosessin, varmista, että päätelaitteellasi on asennettu npm
ja git
.
Asennetaan ensin backend seuraavasti:
- Kloonaa tämä repositio omalle koneellesi
- Navigoi kansioon
fullstack-projekti/backend
- Suorita komento
npm install
- Luo kansioon jossa juuri olet (fullstack-projekti/backend) tiedosto
.env
ja aseta sinne oman MONGODB tietokantasi osoite (Jos sinulla ei vielä ole MONGODB tietokantaa, voit luoda sellaisen esim. osoitteessa https://mlab.com/) Lisää vielä mikä tahansa arvo ympäristömuuttujalle SECRET. Alla esimerkki .env tiedoston sisällöstä:
MONGODB_URI=mongodb://username:password1@databaseAddress:port/databaseName
SECRET=Mikä tahansa oma keksimä merkkijono
- Aja komento
npm start
- Jos kaikki meni hyvin, näkyy komentorivillä ilmoitus:
"Server running on port 3001"
Käyttäen samaa juuri kloonaamaasi repositiota, asennetaan myös frontend seuraavasti:
- Mene hakemistossa ylös kansioon
../fullstack-projekti/frontend/
- Aja komento
npm install
- Aja komento
npm start
- Jos kaikki meni hyvin, näkyy konsolissa ilmoitus
"Compiled successfully!"
, ja aiemmin asentamaasi backendia käyttävä React sovellus aukeaa oletusselaimessasi automaattisesti.
- Backendiin pääset omalla koneellasi menemällä osoitteeseen: localhost:3000/api
- Vastaavasti frontend löytyyy osoitteesta: localhost:3000