Omien Pelien Julkaisu Nettiin - Koodikoulun Ohjeet

Hei koodarit! Tänään opimme, miten saatte OpenCode-editorilla tekemänne pelit kaikkien kavereiden pelattavaksi nettiin.

Tätä varten tarvitsemme kaksi asiaa: sähköpostiosoitteen ja GitHub-tilin.

Vaihe 1: Oman sähköpostin luominen (Proton.me)

(Jos sinulla on jo oma sähköposti, jota voit käyttää, voit hypätä tämän vaiheen yli!)

1. Mene osoitteeseen proton.me ja paina “Create a free account” (Luo ilmainen tili).

2. Valitse sähköpostiosoite (esim. etunimi.sukunimi.koodi@proton.me).
3. Keksi hyvä salasana ja – tärkeää! – kirjoita se ylös paperille ja säilytä sitä turvallisessa paikassa.
4. Suorita ihmistesti (robottitesti) ja kirjaudu sisään.

Vaihe 2: GitHub-tilin luominen

GitHub on ohjelmoijien oma paikka netissä, jonne koodit tallennetaan.

1. Mene osoitteeseen github.com ja paina oikealta ylhäältä Sign up (Rekisteröidy).

2. Syötä juuri luomasi sähköpostiosoite.
3. Keksi salasana (kirjoita tämäkin ylös!) ja valitse itsellesi siisti käyttäjänimi.
4. Mene takaisin Proton-sähköpostiisi: sinne on tullut viesti GitHubilta. Kopioi siinä oleva koodi ja liitä se GitHubiin vahvistaaksesi tilisi.

Vaihe 3: Kansion eli “repon” luominen GitHubiin

1. Paina GitHubissa vihreää Create repository (tai New) -nappia. Repository eli “repo” on kansion nimi sinun pelillesi.

2. Anna repolle nimi, esim. minun-peli.
3. Rullaa alas ja paina Create repository.

Vaihe 4: Gitin käyttöönotto ja pelin lataaminen (Koodari-tila!)

Nyt opitaan käyttämään Gitiä, ammattilaisten työkalua! Gitin avulla lähetämme omalla koneellamme olevat koodit nettiin GitHubiin.

1. Avaa terminaali tai komentorivi koneellasi.
2. Ensin meidän pitää kertoa Gitille, kuka olet. Kirjoita nämä komennot ja paina Enter jokaisen jälkeen (vaihda oma nimesi ja sähköpostisi):

   git config --global user.name "Oma Nimesi"
   git config --global user.email "oma.sahkoposti@proton.me"
   

3. Kopioi juuri luomasi GitHub-repon osoite selaimesta (se näyttää esimerkiksi tältä: https://github.com/sinun-nimi/minun-peli.git).
4. Lataa kansio omalle koneellesi komennolla:

   git clone https://github.com/sinun-nimi/minun-peli.git
   

5. Siirry uuteen kansioon:

   cd minun-peli
   

6. Siirrä tai kopioi tekemäsi index.html ja muut pelin tiedostot tähän uuteen kansioon.
7. Nyt kerrotaan Gitille, että haluamme tallentaa nämä tiedostot. Kirjoita komento (huomaa piste lopussa!):

   git add .
   

8. Tehdään “commit” eli tallennuspiste. Kirjoitetaan samalla viesti siitä, mitä tehtiin:

   git commit -m "Ensimmäinen versio minun pelistäni"
   

9. Lopuksi työnnetään tiedostot nettiin GitHubiin (push):

   git push origin main
   

   (Saatat joutua antamaan GitHub-käyttäjätunnuksesi ja salasanasi tässä vaiheessa!)

Vaihe 5: Pelin julkaisu GitHub Pages -palvelulla (Taikatemppu!)

Nyt kun koodit ovat GitHubissa, tehdään niistä oikea nettisivu!

1. Mene selaimessa GitHub-repon yläreunassa olevaan Settings (Asetukset) -välilehteen (rattaan kuva).
2. Valitse vasemmalta valikosta Pages.
3. Kohdassa “Branch” (Haara), muuta “None” tilalle main ja paina Save.
4. Odota minuutti tai pari! Sivun yläreunaan ilmestyy linkki: https://[sinun-käyttäjänimi].github.io/minun-peli/.
5. Jaa tämä linkki kavereillesi, niin he voivat pelata peliäsi!