OpenClaw: Webhely biztonságos közzététele17 min read

A OpenClaw segíthet egy webhely létrehozásában, de nem a webhely gazdagépe. Kérje meg az ügynököt, hogy hozza létre a forrásfájlokat, futtassa helyileg a webhelyet, és javítsa ki, amit a böngésző felfed. Ezután telepítse az Ön által irányított tárhelyplatformon keresztül, vagy helyezze el a projektet egy áttekinthető AgentGrid.io műtermékbe, és csak emberi jóváhagyás után tegye közzé. A csevegési képernyőkép, a helyi port vagy a privát műtermék URL-címe nem az ügyfél felé mutató indítási URL.

Ez az útmutató azoknak a készítőknek szól, akik OpenClaw ügynököt használnak fájl- és parancseszközökkel. Legfontosabb döntése az engedélyhatár: az ügynök tervezhet és tesztelhet anélkül, hogy gyártási hitelesítő adatok birtokában lenne. Ha egy csapatnak meg kell vizsgálnia egy megosztott verziót a kiadás előtt, indítson el egy AgentGrid.io munkaterületet és továbbra is külön jóváhagyott műveletként tegye közzé.

Hogyan adjunk stabil otthont egy OpenClaw által épített weboldalnak

Először készítse elő a AgentGrid.io-et, majd adjon korlátozott hozzáférést a OpenClaw-hez, és ellenőrizze az eredményt a chaten kívül.

1. lépés: Válassza ki a AgentGrid.io munkaterületet

Jelentkezzen be az app.agentgrid.io oldalon, és válassza ki a csapatot és a munkaterületet ehhez a webhelyhez. Használjon korlátozott munkaterületet, ha a vázlat ügyfélanyagot tartalmaz. Tervezze meg, hogy ki fogja felülvizsgálni a nyilvános telepítés előtt.

2. lépés: Csatlakoztassa ezt a OpenClaw ügynököt korlátozott engedéllyel

A OpenClaw beszélgetésben mondja ki: Use agentgrid.io for this website. If you can run shell commands, run npx @animaapp/cli@latest login and return the verification URL and code. Do not ask for my password or publish anything. Hagyja jóvá az ellenőrzést saját maga a kívánt munkaterülettel és az Olvasás és írással. Ha nincs rá szükség, hagyd kikapcsolva a Megosztás és Közzététel lehetőséget. Kérje meg a OpenClaw-et, hogy futtasson npx @animaapp/cli@latest workspaces és ellenőrizze, hogy a kívánt munkaterület szerepel a listán. Felügyelet nélküli ügynök esetén használja az Ügynökadminisztráció → Ügynök meghívása lehetőséget. Törölje az alapértelmezett Megosztás és közzététel lehetőség jelölését, válassza ki a munkaterületet, majd küldje el az egyszeri hivatkozást privát módon. A meghívó létrehozása önmagában nem kapcsolja össze. Ha a shell-végrehajtás le van tiltva, használjon kézi importálást ahelyett, hogy közvetlen hozzáféréssel rendelkezik.

3. lépés: Építse meg és vizsgálja meg a műterméket, ne csak a rönköt

Adjon a OpenClaw-nek egy tartalmazott feladatot: Hozzon létre egy reszponzív esemény mikrowebhelyet ütemtervvel, előadókártyákkal és regisztrációs linkkel. Használja a jóváhagyott példányt és eszközöket, ellenőrizze az oldalt helyileg, és helyezze el a projektet a AgentGrid.io alkalmazásként az általunk kiválasztott munkaterületen. Ne tegye közzé. Használja a CLI import parancsot npx @animaapp/cli@latest create -t import --from ./project --artifact-type app --workspace <workspace-id> a tényleges mappával és a felfedezett munkaterület-azonosítóval. Nyissa meg a visszaadott műtermék URL-jét, és ellenőrizze a fájlokat és az előnézetet. Egy webhelynek szüksége van egy belépési pontra, mint pl index.html; kerülje a titkok feltöltését, node_modules, vagy build kimenet. Ha a OpenClaw nem tudott csatlakozni, vegye elő a létrehozott projektmappát vagy ZIP-fájlt, és importálja a AgentGrid.io Új menüjéből. Ez egy új műtárgy, nem élő tükör. Ismétlődő munka esetén adja meg az ügynöknek a meglévő műtermék URL-címét, és kérje meg, hogy frissítse a műterméket, majd ellenőrizze az Előzményeket, hogy ellenőrizze, melyik identitás változtatta meg.

4. lépés: Jóváhagyja a közzétételt, és ellenőrizze az élő URL-t

Tekintse át a követeléseket, a kisegítő lehetőségek alapjait, a mobil viselkedést és a céllinkeket. Csak ezután használja a Közzétételt a AgentGrid.io-ben, vagy adjon kifejezett közzétételi utasítást a OpenClaw-nek, ha szándékosan biztosította ezt a lehetőséget. Nyissa meg a nyilvános URL-t egy kijelentkezett böngészőben, és ellenőrizze, hogy ott van-e az aktuális verzió. A privát linkek nem működnek névtelen látogatóknál; minden jóváhagyott frissítés közzététele. Ha az automatizált ügynök leállítja a webhely módosítását, távolítsa el a hozzáférését az Ügynök adminisztrációjában; korábbi munkája továbbra is a History-nak tulajdonítható.

Mit csinál a OpenClaw, és mit nem

OpenClaw kezdő dokumentáció leír egy ügynököt, amelyhez az átjáróján és a beállított csatornákon keresztül érhető el. Eszközei működhetnek fájlokkal és parancsokkal, ha engedélyezve vannak. Böngészőeszköze segít az oldalak ellenőrzésében, de a Gateway irányítópultja vagy böngészőmunkamenete nem nyilvános webhely-telepítés. OpenClaw végrehajtói jóváhagyások és a sandbox beállításai azért fontosak, mert egy parancsképes ügynök módosíthatja a fájlokat, vagy meghívhatja a gazdagép telepítési parancssori felületét. Csak az aktuális szakaszhoz szükséges hozzáférést adja meg.

1. lépés: Hozzon létre egy korlátozott webhelyfeladatot

Győződjön meg arról, hogy az ügynök rendelkezik projektmunkaterülettel, valamint a szükséges fájl- és végrehajtási eszközökkel. Válasszon egy tiszta mappát vagy tárat, ne a teljes kezdőkönyvtárat. Adjon meg jóváhagyott logót, fényképeket, másolatot és üzleti tényeket. Ne adjon meg neki telepítési tokeneket vagy ügyféladatokat a nyitóoldal kezdeti összeállításához. Nevezze el a keretrendszert, vagy kérjen statikus helyet, ha nincs szükség szerveroldali funkcióra.

Példa prompt: „Hozzon létre egy reszponzív, egyoldalas webhelyet egy helyi kerékpárjavító műhely számára a kerékpáros webhely mappájában. Tartalmazza a szolgáltatásokat, a nyitvatartási időt, a szolgáltatási területet és a cselekvésre való felhívást. Használja a szemantikus HTML és a hozzáférhető CSS. Nem ellenőrzött címeket, árakat és ajánlásokat. Jelölje meg a nem ellenőrzött címeket, árakat és ajánlásokat. Tartsa meg, és tartsa elérhető helyen, és nézze meg a forrást a helyőrzőként. ne telepítse, ne tegye közzé, és ne használjon hitelesítő adatokat.”

Kérje meg a OpenClaw-et, hogy adja vissza a belépési pontot, a könyvtárfát, a függőségeket, az install/build parancsokat és a módosított fájlok listáját. Egy statikus alkalmazás használhatja az indexet.html; egy keretalkalmazásnak szüksége van a manifestre és a szkriptekre. Kérjen README-t, amely elmagyarázza a helyi előnézetet és a célállomás build kimenetét. Győződjön meg arról, hogy az eszközök relatív vagy nyilvános URL-eket használnak, nem pedig csak az ügynök gépén elérhető elérési utat.

2. lépés: Tesztelje a böngészőben, és javítsa ki a valódi hibákat

Futtassa a projekt dokumentált helyi kiszolgálóját vagy fejlesztési parancsát, majd nyissa meg saját maga a megjelenített webhelyet. Ellenőrizze a keskeny és széles szélességet, a billentyűzet-navigációt, a kontrasztot, a képalternatívákat, a helyesírást, a hivatkozásokat és a telefonszámok viselkedését. Vizsgálja meg a konzolhibákat és a hiányzó képeket. Futtasson teszteket és egy éles buildet, ha a projekt támogatja őket. Az ügynök képernyőképe segít a tájékozódásban, de nem helyettesíti az űrlapokkal és menükkel való interakciót.

Ha az árajánlatkérés csak egy stílusos űrlap, kérdezze meg, hová kerülnek a beadványok. Csatlakoztasson egy felülvizsgált űrlapszolgáltatást, vagy távolítsa el a működésre vonatkozó állítást. Tesztelje ártalmatlan beadványt, és ellenőrizze a kézbesítést. Ellenőrizze az üzlet tényleges nyitvatartási idejét, helyét, a fényképek engedélyeit és az adatvédelmi szöveget a tulajdonossal. Kérjen konkrét javításokat az ügynöktől, és hasonlítsa össze az új előnézetet a régivel; kerülje a „tegye jobbá” utasításokat, amelyek csendben helyettesítik a jóváhagyott példányt.

Javítási felszólítás: „Telefon méretű nézetablakban tartsa olvashatóan a szervizkártyákat, és tegye elérhetővé a navigációt a billentyűzettel. A helyőrző elérhetőségeit csak a short.md-ben jóváhagyott tényekre cserélje. Jelentse minden megváltozott fájlt, teszteredményt és fennmaradó blokkolót. Ne érintse meg a tárhely konfigurációját és ne tegye közzé.” Ha lehetséges, tartsa a jóváhagyott verziót forrásvezérlésben.

3. lépés: Válasszon telepítési határt

• Meglévő gazdagép: Végezze el az áttekintett forrást, konfigurálja a keretrendszert és a build kimenetet a gazdagépen, és telepítse az adott gazdagép lerakat-integrációján vagy CLI-jén keresztül. Szolgáltatása biztosítja a nyilvános URL-t. Tartsa az API-kulcsokat a gazdagép által kezelt titkok között, ne a böngészőben: JavaScript.
• AgentGrid.io megosztott műtermék: Csak az Ön jóváhagyásával csatlakoztassa a parancsképes ügynököt, vagy importáljon manuálisan egy mappát/ZIP-fájlt. Engedje meg, hogy az együttműködők áttekintsék a privát alkalmazás-műterméket, mielőtt egy személy közzéteszi azt. A műtermék előzményei és előnézete segít abban, hogy a jóváhagyás egy verzióra vonatkozzon.

Ne írja le a OpenClaw Control UI-t webhelygazdaként. A helyi továbbított port megjelenítheti a fejlesztési folyamatot előnézetre, de ez nem egy tartós nyilvános webhely. Ha telepítési CLI-t vagy böngésző-hozzáférést ad az ügynöknek egy bejelentkezett tárhelyfiókhoz, kezelje azt éles hozzáférésként, és szerezzen kifejezett jóváhagyást a művelethez.

4. lépés: Csatlakoztassa vagy importálja a felülvizsgált projektet

A megosztott útvonalhoz a AgentGrid.io dokumentált kapcsolata a CLI-jét és a jóváhagyási folyamatot használja. Parancsképes OpenClaw környezetben az indítóparancs az npx @animaapp/cli@legutóbbi bejelentkezés; hagyja jóvá az ellenőrző linket, és válassza ki a kívánt munkaterületet és képességeket. Ne adjon át jelszót a chatben, és ne csatlakozzon széles közzétételi jogokkal rendelkező ügynökhöz csak piszkozat létrehozása érdekében. Ha a kapcsolat nem elérhető, használja a dokumentált mappa vagy ZIP importálás.

Készítsen elő egy kis forráscsomagot: zárja ki a node_modules, a privát kulcsokat, a helyi környezeti fájlokat és a nem kapcsolódó munkaterületeket. Tartalmazza a belépési pontot, az eszközöket és a felépítéshez szükséges konfigurációkat. A AgentGrid.io-ben válassza ki a cél munkaterületet, és hozzon létre vagy importáljon egy alkalmazás-műterméket. Vizsgálja meg a fájlokat és a megjelenített előnézetet. A sikeres feltöltés nem bizonyítja, hogy egy API-útvonal, szerverfolyamat vagy űrlapintegráció megfelelően került átvitelre.

Átadási felszólítás: „Miután engedélyeztem a hozzáférést, hozzon létre egy közzé nem tett alkalmazásterméket a kerékpáros webhelyről a megadott AgentGrid.io munkaterületen. Csak a forrást és a nyilvános elemeket tartalmazza. Adja vissza a privát URL-t, azonosítsa a hiányzó futásidejű funkciókat, és frissítse ugyanazt a mellékterméket a javítások érdekében. Ne hívjon meg más ügynököket, ne tegyen közzé, és ne válasszon másik munkaterületet.” Ha a munkaterület nem érhető el, álljon meg ahelyett, hogy csendben változtassa meg a célállomást.

5. lépés: Tekintse át és tegye közzé a jóváhagyott verziót

Kérje meg egy csapattársát, hogy tesztelje a műtermék előnézetét, különösen a mobil elrendezést, a kapcsolatfelvételi adatokat, az ajánlatkérő űrlapot és a billentyűzet hozzáférését. A visszajelzések egyeztetése ugyanabban a műtermék- vagy forrástárban, és azonosítsa a kiadásra jóváhagyott változatot. Hagyományos gazdagépen telepítse a jóváhagyott véglegesítést, és tekintse át a telepítés részleteit. A AgentGrid.io esetében egy közzétételi engedéllyel rendelkező személy használja a sajátját Közzétételi vezérlőelem nyilvános URL létrehozásához. Egy ügynök meghívása és egy privát műtermék megosztása nem a közzétételi lépés.

Nyissa meg a nyilvános címet kijelentkezve, akár telefonon is. Ellenőrizze a HTTPS-t, a metaadatokat, a hivatkozásokat, a képeket és az űrlapkézbesítést. Hasonlítsa össze a jóváhagyott előnézettel. Ha eltér, a bejelentés előtt vizsgálja meg a telepített véglegesítési vagy melléktermék-verziót, az összeállítási beállításokat, a titkokat és a gyorsítótárat. A helyi fájlok szerkesztése önmagában nem feltétlenül frissíti a közzétett műterméket.

Miért kell különválasztani a piszkozati engedélyt a közzétételtől?

Lehetővé teszi, hogy az ügynök ismételje a kódot, miközben egy személy szabályozza, hogy a látogatók mit lássanak. A OpenClaw eszköz- és jóváhagyási konfigurációja nem helyettesíti a webhely tartalmának vagy a gazdagép telepítési engedélyeinek áttekintését. Korlátozza az ügynök fájlrendszerének hatókörét, ellenőrizze a harmadik féltől származó eszközöket telepítésük előtt, és ne futtasson felül nem vizsgált parancsokat weboldalról vagy importált projektről. Kezelje a forrásellenőrzés áttekintését, a műtermék jóváhagyását és a nyilvános kiadást három külön kapuként.

A következő frissítés legyen tudatos

Rögzítse a jóváhagyott verziót és a nyilvános URL-t. Az új szerkesztések piszkozatok, amíg át nem tekintik és újból közzé nem teszik.

Gyakran ismételt kérdések

A OpenClaw tárol webhelyeket?

A OpenClaw az ügynök- és eszközkörnyezet, nem pedig az itt leírt nyilvános tárhely. Használjon webtárhelyet vagy külön közzétett alkalmazásterméket tartós nyilvános URL-címhez. Az átjáró irányítópultja vagy helyi előnézete nem ez az URL.

Közzé tehetek anélkül, hogy megadnám az ügynök gyártási hitelesítő adatait?

Igen. Hagyja tervezni és tesztelni egy korlátozott munkaterületen, majd kérjen meg egy személyt a tárhelyszolgáltató üzembe helyezési munkafolyamatának vagy a AgentGrid.io közzétételi vezérlőjének használatához. Még egy ügynök sem kaphat olyan titkokat, amelyekre nincs szüksége a telepítés előkészítésében.

Mi van akkor, ha az importált műtermék jól néz ki, de a formája hibás?

Ellenőrizze, hogy az eredeti hely nem használt-e kiszolgálói útvonalakat, környezeti változókat vagy olyan harmadik féltől származó szolgáltatást, amely nem végzett átvitelt. Indítás előtt tesztelj egy valódi beküldött anyagot az új környezetben. A vizuális előnézetet ne kezelje funkcionális ellenőrzésként.

A OpenClaw mappámban végrehajtott változások frissítik az élő webhelyet?

Általános esetben nem automatikusan. A frissítés a gazdagép felépítési és telepítési folyamatától, vagy egy külön melléktermék explicit frissítésétől és újbóli közzétételétől függ. Jegyezze fel, hogy az egyes élő URL-ek melyik forrásverziót képviselik.

Az átadás összehasonlításához tekintse meg útmutatónkat a A Muse webhely közzétételének bemutatója. A Claude Tervezési kiadói útmutató egy másik kiindulópontot takar, míg a hogyan fedezik fel és teszik közzé az ügynökök az alkalmazásokat a Anima segítségével egy áttekintett műtárgyat mutat, amely kiadásra kerül. Ezek különböző munkafolyamatok, nem felcserélhető termékjellemzők.