OpenClaw: Hoe u veilig een website kunt publiceren11 min read

OpenClaw kan helpen bij het bouwen van een website, maar is niet de websitehost. Vraag de agent om de bronbestanden te maken, de site lokaal te runnen en te corrigeren wat de browser onthult. Implementeer het vervolgens via een hostingplatform dat u beheert, of plaats het project in een reviewbaar AgentGrid.io-artefact en publiceer het pas na menselijke goedkeuring. Een chatscreenshot, lokale poort of privé-artefact-URL is niet de klantgerichte start-URL.

Deze handleiding is bedoeld voor bouwers die een OpenClaw-agent gebruiken met bestands- en opdrachttools. De belangrijkste beslissing is de toestemmingsgrens: de agent kan ontwerpen en testen zonder over productiereferenties te beschikken. Als een team één gedeelde versie moet inspecteren voordat deze wordt vrijgegeven, start een AgentGrid.io-werkruimte en blijf publiceren als een afzonderlijke goedgekeurde actie.

Hoe u een OpenClaw-gebouwde website een stabiel thuis kunt geven

Bereid eerst AgentGrid.io voor, geef OpenClaw vervolgens beperkte toegang en verifieer het resultaat buiten de chat.

Stap 1: Kies de AgentGrid.io-werkruimte

Log in op app.agentgrid.io en selecteer het team en de werkruimte voor deze website. Gebruik een beperkte werkruimte als het concept klantmateriaal bevat. Plan wie het gaat beoordelen vóór publieke implementatie.

Stap 2: Verbind deze OpenClaw-agent met een begrensde subsidie

Zeg in het OpenClaw-gesprek: 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. Keur zelf de verificatie goed met de beoogde werkruimte en Lezen en Schrijven. Laat Delen en publiceren uitgeschakeld tenzij dat nodig is. Vraag OpenClaw om uit te voeren npx @animaapp/cli@latest workspaces en bevestig dat de beoogde werkruimte wordt vermeld. Voor een agent zonder toezicht gebruikt u Agentbeheer → Een agent uitnodigen. Schakel de standaard mogelijkheden voor delen en publiceren uit, kies de werkruimte en lever de eenmalige link privé af. Door alleen de uitnodiging te maken, wordt er geen verbinding mee gemaakt. Als shell-uitvoering is uitgeschakeld, gebruik dan een handmatige import in plaats van te beweren dat deze directe toegang heeft.

Stap 3: Bouw en inspecteer het artefact, niet alleen het logboek

Geef OpenClaw een ingeperkte taak: Bouw een responsieve evenementenmicrosite met schema, sprekerskaarten en een registratielink. Gebruik de goedgekeurde kopie en middelen, controleer de pagina lokaal en plaats het project op AgentGrid.io als app in de werkruimte die we hebben geselecteerd. Publiceer het niet. Laat het de CLI-importopdracht gebruiken npx @animaapp/cli@latest create -t import --from ./project --artifact-type app --workspace <workspace-id> met de daadwerkelijke map en de ontdekte werkruimte-ID. Open de geretourneerde artefact-URL en verifieer bestanden en bekijk een voorbeeld. Een site heeft een toegangspunt nodig, zoals index.html; vermijd het uploaden van geheimen, node_modules, of bouw output op. Als OpenClaw geen verbinding kan maken, neem dan de gegenereerde projectmap of ZIP en importeer deze via het menu Nieuw van AgentGrid.io. Dat is een nieuw artefact, geen levende spiegel. Voor terugkerend werk geeft u de agent de bestaande artefact-URL en vraagt ​​u hem om dat artefact bij te werken. Controleer vervolgens Geschiedenis om te bevestigen welke identiteit het heeft gewijzigd.

Stap 4: Keur de publicatie goed en controleer de live URL

Bekijk claims, basisprincipes van toegankelijkheid, mobiel gedrag en bestemmingslinks. Gebruik dan alleen Publiceren in AgentGrid.io, of geef OpenClaw een expliciete publicatie-instructie als u deze mogelijkheid opzettelijk hebt verleend. Open de openbare URL in een afgemelde browser en bevestig dat de huidige versie aanwezig is. Privélinks werken niet voor anonieme bezoekers; publiceer elke goedgekeurde update. Als de geautomatiseerde agent stopt met het wijzigen van de site, verwijdert u de toegang ervan in Agentbeheer; zijn eerdere werk blijft toegeschreven in de geschiedenis.

Wat OpenClaw doet en wat het niet doet

OpenClaw’s documentatie om aan de slag te gaan beschrijft een agent waartoe toegang wordt verkregen via de Gateway en geconfigureerde kanalen. De tools kunnen werken met bestanden en opdrachten als ze zijn ingeschakeld. De browsertool helpt bij het inspecteren van pagina’s, maar een Gateway-dashboard of browsersessie is geen implementatie van een openbare website. OpenClaw’s goedkeuringen van exec en sandbox-instellingen zijn van belang omdat een agent met opdrachtmogelijkheden bestanden kan wijzigen of de implementatie-CLI van een host kan aanroepen. Geef het alleen de toegang die nodig is voor de huidige fase.

Stap 1: Maak een beperkte websitetaak

Bevestig dat de agent een projectwerkruimte en de benodigde bestands- en uitvoeringstools heeft. Kies een schone map of repository, niet uw hele thuismap. Zorg voor een goedgekeurd logo, foto’s, tekst en zakelijke feiten. Geef het geen implementatietokens of klantgegevens voor het bouwen van een eerste landingspagina. Geef het raamwerk een naam of vraag om een ​​statische site als er geen server-side functie vereist is.

Voorbeeldprompt: “Maak een responsieve site van één pagina voor een lokale fietsenmaker in de map met fietsensites. Voeg diensten, openingstijden, servicegebied en een call-to-action voor een offerteaanvraag toe. Gebruik semantische HTML en toegankelijke CSS. Markeer niet-geverifieerde adressen, prijzen en getuigenissen als tijdelijke aanduidingen. Houd bron- en openbare middelen bij elkaar. Vertel me hoe ik er een voorbeeld van kan bekijken en beschikbare controles kan uitvoeren. Niet implementeren, publiceren of gebruiken legitimatiebewijzen.”

Vraag OpenClaw om het toegangspunt, de mapstructuur, afhankelijkheden, installatie-/build-opdrachten en een lijst met gewijzigde bestanden terug te geven. Een statische app kan index.html gebruiken; een framework-app heeft zijn manifest en scripts nodig. Vraag een README aan waarin de lokale preview en de build-uitvoer van de doelhost worden uitgelegd. Bevestig dat assets relatieve of openbare URL’s gebruiken, en niet een pad dat alleen beschikbaar is op de machine van de agent.

Stap 2: Test in de browser en repareer echte defecten

Voer de gedocumenteerde lokale server- of ontwikkelingsopdracht van het project uit en open vervolgens zelf de gerenderde site. Controleer smalle en brede breedtes, toetsenbordnavigatie, contrast, afbeeldingsalternatieven, spelling, links en telefoonnummergedrag. Inspecteer consolefouten en ontbrekende afbeeldingen. Voer tests en een productiebuild uit wanneer het project deze ondersteunt. Een screenshot van de agent is nuttig ter oriëntatie, maar vervangt niet de interactie met formulieren en menu’s.

Als de offerteaanvraag slechts een gestileerd formulier is, vraag dan waar de inzendingen naartoe gaan. Sluit een beoordeelde formulierservice aan of verwijder de claim dat deze werkt. Test met een onschadelijke indiening en verifieer de levering. Controleer de werkelijke openingstijden, locatie, licenties voor foto’s en privacybepalingen van de winkel bij de eigenaar. Vraag de agent om specifieke oplossingen en vergelijk de nieuwe preview met de oude; vermijd ‘maak het beter’-prompts die in stilte de goedgekeurde kopie vervangen.

Reparatieprompt: “Houd op een viewport ter grootte van een telefoon de servicekaarten leesbaar en maak de navigatie toegankelijk via het toetsenbord. Vervang tijdelijke contactgegevens alleen door de goedgekeurde feiten in brief.md. Rapporteer elk gewijzigd bestand, testresultaat en resterende blokkering. Raak de hostingconfiguratie niet aan en publiceer niet.” Bewaar de goedgekeurde versie indien mogelijk in bronbeheer.

Stap 3: Kies een implementatiegrens

• Bestaande gastheer: Voer de beoordeelde broncode in, configureer het raamwerk en bouw uitvoer op uw host, en implementeer deze via de repository-integratie of CLI van die host. De service levert de openbare URL. Bewaar API-sleutels in door de host beheerde geheimen, niet in browser JavaScript.
• AgentGrid.io gedeeld artefact: Verbind de opdrachtcompatibele agent alleen met uw goedkeuring, of importeer handmatig een map/ZIP. Laat bijdragers het privé-app-artefact beoordelen voordat iemand het publiceert. De geschiedenis en het voorbeeld van het artefact maken de goedkeuring specifiek voor een versie.

Beschrijf de OpenClaw Control UI niet als een websitehost. Een lokale doorgestuurde poort kan een ontwikkelingsproces ter preview beschikbaar stellen, maar het is geen duurzame openbare site. Als u de agent een implementatie-CLI of browsertoegang geeft tot een aangemeld hostingaccount, beschouwt u dit als productietoegang en verkrijgt u expliciete goedkeuring voor de actie.

Stap 4: Verbind of importeer het beoordeelde project

Voor de gedeelde route gebruikt de gedocumenteerde verbinding van AgentGrid.io de CLI en een goedkeuringsstroom. In een OpenClaw-omgeving met opdrachtfunctie is de startopdracht npx @animaapp/cli@laatste login; keur zelf de verificatielink goed en selecteer de beoogde werkruimte en mogelijkheden. Geef geen wachtwoord door in de chat en koppel geen agent met ruime publicatierechten alleen maar om een ​​concept te maken. Als er geen verbinding beschikbaar is, gebruikt u de gedocumenteerde map of ZIP-import.

Bereid een klein bronpakket voor: sluit node_modules, privésleutels, lokale omgevingsbestanden en niet-gerelateerde werkruimten uit. Vermeld het toegangspunt, de middelen en alle configuraties die nodig zijn om te bouwen. Kies in AgentGrid.io de doelwerkruimte en maak of importeer een app-artefact. Inspecteer de bestanden en het weergegeven voorbeeld. Een succesvolle upload is geen bewijs dat een API-route, serverproces of formulierintegratie correct is overgedragen.

Overdrachtprompt: “Nadat ik de toegang heb geautoriseerd, maak ik een niet-gepubliceerd app-artefact van de bike-site in de opgegeven AgentGrid.io-werkruimte. Neem alleen bron- en openbare middelen op. Retourneer de privé-URL, identificeer ontbrekende runtime-functies en update datzelfde artefact voor correcties. Nodig geen andere agenten uit, publiceer of kies geen andere werkruimte. ” Als de werkruimte niet kan worden bereikt, stop dan in plaats van stilletjes van bestemming te veranderen.

Stap 5: Controleer en publiceer de goedgekeurde versie

Vraag een teamgenoot om het artefactvoorbeeld te testen, vooral de mobiele lay-out, contactgegevens, offerteformulier en toetsenbordtoegang. Stem feedback af in dezelfde artefact- of bronrepository en identificeer de revisie die is goedgekeurd voor release. Implementeer bij een conventionele host de goedgekeurde commit en bekijk de implementatiedetails ervan. Met AgentGrid.io gebruikt een persoon met publicatietoestemming zijn Controle publiceren om een openbare URL te maken. Een uitnodiging aan een agent en het delen van een privé-artefact zijn niet de publicatiestap.

Open het openbare adres terwijl u bent afgemeld, ook op een telefoon. Controleer HTTPS, metadata, links, afbeeldingen en formulieraanlevering. Vergelijk het met het goedgekeurde voorbeeld. Als deze afwijkt, onderzoek dan de geïmplementeerde commit- of artefactversie, bouw instellingen, geheimen en caching voordat u deze aankondigt. Alleen het bewerken van lokale bestanden zal een gepubliceerd artefact niet noodzakelijkerwijs bijwerken.

Waarom ontwerptoestemming scheiden van publicatie?

Hiermee kan een agent de code herhalen, terwijl een persoon bepaalt wat bezoekers zien. De tool- en goedkeuringsconfiguratie van OpenClaw is geen vervanging voor het beoordelen van de site-inhoud of de implementatiemachtigingen van de host. Beperk de reikwijdte van het bestandssysteem van de agent, verifieer tools van derden voordat u deze installeert en voer geen niet-beoordeelde opdrachten uit vanaf een webpagina of geïmporteerd project. Beschouw broncontrolebeoordeling, artefactgoedkeuring en publieke vrijgave als drie afzonderlijke poorten.

Maak de volgende update bewust

Noteer de goedgekeurde versie en de openbare URL. Nieuwe bewerkingen zijn concepten totdat ze worden beoordeeld en opnieuw worden gepubliceerd.

Veelgestelde vragen

Host OpenClaw websites?

OpenClaw is de agent- en toolomgeving, niet de openbare hostingbestemming die hier wordt beschreven. Gebruik een webhost of een afzonderlijk gepubliceerd app-artefact voor een duurzame openbare URL. Een Gateway-dashboard of lokale preview is niet die URL.

Kan ik publiceren zonder de productiereferenties van de agent op te geven?

Ja. Laat het opstellen en testen binnen een beperkte werkruimte en laat vervolgens iemand de implementatieworkflow van de hostingprovider of het publicatiebeheer van AgentGrid.io gebruiken. Zelfs een agent die de implementatie helpt voorbereiden, mag geen geheimen ontvangen die hij niet nodig heeft.

Wat als het geïmporteerde artefact er goed uitziet, maar de vorm ervan mislukt?

Controleer of de oorspronkelijke site serverroutes, omgevingsvariabelen of een service van derden gebruikte die niet werd overgedragen. Test een echte inzending in de nieuwe omgeving voordat deze wordt gelanceerd. Beschouw een visuele preview niet als functionele verificatie.

Zullen wijzigingen in mijn OpenClaw-map de live site bijwerken?

In het algemene geval niet automatisch. De update is afhankelijk van de build- en implementatiepijplijn van de host, of van een expliciete update en herpublicatie van een afzonderlijk artefact. Leg vast welke bronversie elke live URL vertegenwoordigt.

Zie onze handleiding voor een vergelijking van de overdracht Handleiding voor het publiceren van Muse-websites. De Claude Ontwerppublicatiegids omvat een ander uitgangspunt, terwijl de hoe agenten apps verkennen en publiceren met Anima toont een beoordeeld artefact dat naar publicatie gaat. Dit zijn verschillende workflows, geen uitwisselbare productfuncties.