08. Más AI-eszközzel készült weboldal feltöltése és módosítása

ChatGPT-vel vagy más AI-weboldalkészítővel is készülhet oldal. A feltöltés módját az dönti el, hogy az eszköz mit adott át, és hol futtatható az eredmény.

Először kérdezze meg az AI-t vagy a készítőt

Saját HestiaCP-s webtárhelyen szeretném használni ezt a weboldalt. Exportálható-e? Egyszerű HTML/CSS/JavaScript fájlokat kapok, vagy építési lépés, Node.js, adatbázis, szerveroldali kód vagy külső szolgáltatás kell hozzá? Pontosan melyik mappát kell feltöltenem? Hogyan tudom később módosítani a szövegeket és képeket?

Egy online szerkesztőben látható előnézet vagy megosztási link még nem jelent letölthető, saját tárhelyen futó weboldalt. Ha csak a szolgáltató saját rendszerében működik, a domain összekapcsolását ott kell beállítani, vagy exportálható változatot kell kérni.

A) Egyszerű HTML-oldalt vagy ZIP-et kapott

Ilyenkor rendszerint van egy index.html fájl, mellette képek, CSS- és JavaScript-fájlok.

1. Csomagolja ki a ZIP-et a saját gépén, és ellenőrizze a tartalmát.
2. Lépjen be a kapott HestiaCP-felületre. Keresse a fájlkezelőt, vagy használja az aktiváláskor megadott fájlátviteli hozzáférést. SFTP-t akkor használjon, ha engedélyezett hozzáférést kapott hozzá.
3. Nyissa meg a saját webdomain dokumentumgyökerét. Hestia alatt ez gyakran /home/FELHASZNALO/web/SAJAT-DOMAIN.HU/public_html/, de a tényleges beállítás az irányadó. A nagybetűs részek helyettesítők.
4. Ha itt már működő oldal vagy WordPress található, előbb készítsen mentést és egyeztessen. A meglévő index.php mellé tett index.html váratlanul megváltoztathatja a kezdőlapot.
5. Az exportált oldal tartalmát töltse a megfelelő mappába. Az index.html közvetlenül a dokumentumgyökérbe kerüljön, ne véletlenül egy plusz weboldal/ mappába.
6. A képek és stílusfájlok mappaszerkezetét őrizze meg, majd nyissa meg a webcímet és próbálja ki az aloldalakat.

A szerver megkülönböztetheti a kis- és nagybetűket: a Logo.png és a logo.png nem feltétlenül ugyanaz. A saját gépére mutató C:\... útvonal a látogatónál nem fog működni.

B) React, Vite, Next.js vagy más projektet kapott

A package.json, src vagy .jsx fájlok rendszerint forrásprojektet jeleznek. Ezt sok esetben először buildelni, azaz böngészőben futtatható fájlokká alakítani kell. Egyes projektek adnak statikus dist vagy más exportmappát; mások folyamatos Node.js szerverfolyamatot igényelnek.

Kérje el a projektre szabott build- és telepítési útmutatót. A Next.js-projekt nem automatikusan statikus oldal, és a tárhelyhez nem feltétlenül tartozik Node.js-futtatás. A szükséges környezetet feltöltés előtt egyeztesse az ügyfélszolgálattal. Ne töltsön nyilvános mappába .env fájlt vagy titkos hozzáférési adatokat.

Hogyan módosíthatom később?

Egy feltöltött HTML-oldalnak rendszerint nincs WordPress-adminja, és nem válik automatikusan Diviben kattintgatva szerkeszthetővé. A saját forrásprojektben vagy ugyanabban az AI-eszközben kérje a módosítást, készítsen új exportot/buildet, majd a mentés után cserélje az érintett fájlokat. Őrizze meg az eredeti projektet is.

Fontos: egy látványos űrlap, kosár vagy belépési képernyő csak a felület lehet. A levélküldést, fizetést és az adatkezelést tényleges háttérrendszerrel kell összekötni és kipróbálni. Titkos API-kulcs nem kerülhet a látogatók által letölthető JavaScriptbe.

Következő lépés: az éles oldal ellenőrzése.