Pixel Specialista

Tudástár · 5. rész / 6 · kb. 5 perc

5. Tedd közzé HTTPS-kapcsolattal

A kész szakköroldalt a GitHub Pages segítségével teheted elérhetővé. Ehhez az előre létrehozott GitHub-fiókodba feltöltöd az oldal fájljait, majd beállítod a közzétételt.

Ebben a leckében áttekinted az élesítés lépéseit: az intézményi jóváhagyást, a fájlok ellenőrzését, a fiók védelmét és a HTTPS-kapcsolat ellenőrzését. A szolgáltatás feldolgozási ideje miatt a közzététel további várakozást igényelhet.

Készíts külön mappát a publikálható fájloknak

A közzétételi mappába kizárólag az oldal működéséhez szükséges, nyilvánosságra szánt fájlokat másold.

  • A kezdőoldal neve pontosan index.html legyen.
  • Kerüljenek mellé a hivatkozott stíluslapok, szkriptek és képek, az eredeti mappaszerkezettel.
  • Zárd ki a jelszavakat, API-kulcsokat, .env fájlokat, belső dokumentumokat és tanulói adatokat.
  • Hagyd ki a munkapéldányokat, jegyzeteket és biztonsági másolatokat.

Nyisd meg helyben az index.html fájlt. Ellenőrizd, hogy a képek megjelennek, és a hivatkozások működnek. Használj az oldal szerkezetéhez illeszkedő relatív útvonalakat, például kepek/szakkor.jpg. A kis- és nagybetűk egyezzenek a fájlnevekkel.

Fontos: a nyilvános GitHub-tároló fájljait és verzióelőzményeit mások is láthatják. Egy később törölt bizalmas fájl a korábbi változatokban még elérhető maradhat.

Védd a GitHub-fiókodat többtényezős hitelesítéssel

A GitHub-fiókod hozzáférése az oldal módosítását is lehetővé teszi. A közzététel előtt állítsd be a többtényezős hitelesítést.

  1. Nyisd meg a profilmenüből a Settings felületet.
  2. Keresd meg a Password and authentication részt.
  3. A Two-factor authentication beállításnál kövesd a szolgáltatás lépéseit, például hitelesítő alkalmazással.
  4. Mentsd el a helyreállítási kódokat biztonságos, a fióktól elkülönített helyre.

A helyreállítási kódok segíthetnek visszaszerezni a hozzáférést, ha elveszíted a hitelesítéshez használt eszközödet. Ezeket is bizalmas adatként kezeld.

A GitHub kezelőfelületének elnevezései idővel változhatnak. A fiók biztonsági beállításai között keresd a kétlépcsős hitelesítést.

Hozz létre tárolót, és töltsd fel a fájlokat

A GitHubon a tároló, angolul repository, tartalmazza az oldal fájljait és azok verzióit.

  1. A New repository lehetőséggel hozz létre új tárolót.
  2. Adj neki rövid, ékezet nélküli nevet, például robotika-szakkor.
  3. Válaszd a Public láthatóságot, majd hozd létre a tárolót.
  4. Az Add file > Upload files lehetőséggel töltsd fel az ellenőrzött fájlokat.
  5. A feltöltést a Commit changes művelettel véglegesítsd. Üzenetként használhatod: „Szakköroldal első közzététele”.

Az index.html közvetlenül a tároló gyökerébe kerüljön. Feltöltés után nézd át a fájllistát: a kezdőoldal és a hozzá tartozó mappák legyenek láthatók, például az index.html mellett a kepek mappa.

Aktiváld a GitHub Pages közzétételt

A feltöltött HTML-oldal megjelenítéséhez állítsd be a tároló GitHub Pages szolgáltatását.

  1. A tárolóban nyisd meg a Settings > Pages részt.
  2. A Build and deployment területen válaszd a Deploy from a branch lehetőséget.
  3. Válaszd ki a fájlokat tartalmazó ágat, jellemzően a main ágat.
  4. Mappaként válaszd a / (root) értéket, majd mentsd a beállítást.
  5. Várd meg, amíg a szolgáltatás elkészíti az oldalt.

A publikált címet a Pages felületen találod. Ennél a tárolótípusnál a cím jellemzően így épül fel: https://felhasznalonev.github.io/robotika-szakkor/.

A lecke során használd a GitHub által biztosított címet. A saját domain beállítása további lépéseket igényel. Ha az oldal még nem érhető el, várj, majd frissítsd a Pages felületet.

Ellenőrizd az éles oldalt és a HTTPS-kapcsolatot

A tároló Settings > Pages felületén ellenőrizd az Enforce HTTPS beállítást. A GitHub által biztosított github.io címeken a HTTPS automatikusan érvényesül.

Nyisd meg a publikált címet, és haladj végig ezen a listán:

  • A böngésző címsorában https:// kezdetű cím szerepel, biztonsági figyelmeztetés nélkül.
  • A kezdőoldal betöltődik, a képek és stílusok megjelennek.
  • A menü, a belső hivatkozások és a külső linkek működnek.
  • Telefonon is olvasható a szöveg, és használható az oldal.
  • Látható az AI-közreműködés jelölése és az előkészített adatvédelmi tájékoztatás.

A HTTPS titkosítja a böngésző és a szolgáltatás közötti adatforgalmat. A fájlok nyilvánosságát és a tartalom helyességét külön kell ellenőrizned.

Ha hibát találsz: hiányzó képnél vizsgáld meg az útvonalat és a fájlnév betűméretét. A 404-es hiba esetén ellenőrizd az index.html helyét, a kiválasztott ágat és mappát, valamint a közzététel állapotát. A címet az ellenőrzés és az intézményi jóváhagyás után oszd meg.

Felelősségvállalási nyilatkozat

A tananyag használatával az alábbiakat tudomásul veszed:

A kurzust önkéntesen, saját felelősségemre végzem el.

Tudomásul veszem, hogy a kurzusban bemutatott, harmadik féltől származó szoftverek és szolgáltatások (például mesterségesintelligencia-alapú eszközök) működése, funkciói, felhasználási feltételei, adatkezelési gyakorlata, valamint adatvédelmi és kiberbiztonsági beállításai a kurzus elkészülte után a szolgáltató döntése alapján bármikor megváltozhatnak. A kurzus szervezője ezekért a változásokért, a harmadik felek szolgáltatásainak működéséért, adatkezeléséért, adatvédelmi és kiberbiztonsági beállításaiért nem vállal felelősséget.

A szoftverek tényleges használatának módjáért, a megadott adatokért és a használat következményeiért mindenkor az adott felhasználó önállóan felel. A kurzus tartalma általános tájékoztató és oktatási célú; nem minősül jogi, adatvédelmi vagy informatikai biztonsági tanácsadásnak.

Vállalom, hogy a szoftverek használata során betartom a rám vonatkozó jogszabályokat (különösen az adatvédelmi előírásokat) és munkáltatóm szabályait, és nem adok meg személyes vagy bizalmas adatot olyan szolgáltatásban, amelynek adatkezelését nem ismerem.