agentic

So veröffentlichen Sie eine Website mit NanoClaw: Sicher erstellen und bereitstellen11 min read

Reading Time: 8 minutesNanoClaw kann Site-Dateien in einem isolierten Agentenarbeitsbereich erstellen, hostet jedoch keine Websites. Überprüfen Sie den Build und stellen Sie ihn über einen autorisierten externen Host bereit.

NanoClaw publishing a website cover

So veröffentlichen Sie eine Website mit NanoClaw: Sicher erstellen und bereitstellen11 min read

Reading Time: 8 minutes

NanoClaw hostet keine Websites und bietet keine universelle Schaltfläche zum Veröffentlichen. Es führt Agenten in isolierten Containern aus, die beim Schreiben und Testen von Site-Dateien helfen können. Um diese Dateien ins Web zu stellen, wählen Sie einen externen Host aus, autorisieren Sie eine Bereitstellung und überprüfen Sie die resultierende öffentliche URL. Ein optionaler Vercel-Skill kann ausgewählten Installationen eine Bereitstellungsfunktion hinzufügen, ist jedoch nicht dasselbe wie NanoClaw, das Ihre Site hostet.

Hier ist ein praktischer Weg für ein Fotografen-Portfolio: Erstellen Sie einen sicheren Arbeitsbereich, fordern Sie eine kleine statische Site an, überprüfen Sie die Quelle und zeigen Sie eine Vorschau an, und übertragen Sie dann einen genehmigten Build in die Produktion. Wenn Ihr Projekt Buchungen, Konten oder eine Datenbank benötigt, entwerfen und testen Sie diese zusätzliche Infrastruktur separat, anstatt davon auszugehen, dass sie von einer statischen Seite bereitgestellt wird.

So veröffentlichen Sie eine Website mit NanoClaw und AgentGrid.io

NanoClaw ist ein persönlicher Assistent, der in Containern läuft und mit Dateien in seiner eigenen Umgebung arbeiten kann. Das macht einen lokalen Entwurf praktisch, macht AgentGrid.io jedoch nicht zu einem nativen NanoClaw-Ziel. Behandeln Sie die Übergabe als explizite Dateiübertragung, es sei denn, Sie haben separat eine kompatible Verbindung konfiguriert und getestet. Das Ziel ist ein überprüfbares Artefakt mit einer menschlichen Veröffentlichungsentscheidung und keine unbeaufsichtigte Veröffentlichungspipeline.

1. Richten Sie den Arbeitsbereich AgentGrid ein

Erstellen Sie den Arbeitsbereich AgentGrid für das Projekt oder wählen Sie ihn aus und bestätigen Sie, dass die Prüfer zum entsprechenden Team gehören. Entscheiden Sie, ob NanoClaw überhaupt verbunden werden soll. AgentGrid dokumentiert einen Einladungsablauf für Agenten, aber diese Einladung beweist nicht, dass NanoClaw mit einer AgentGrid-Integration ausgeliefert wird. Für den einfachsten Weg laden Sie NanoClaw nicht ein: Lassen Sie einen Menschen die Ausgabe sammeln und importieren. Wenn Sie mit einer Agentenverbindung experimentieren, befolgen Sie die dokumentierte Einrichtung beider Produkte, verwenden Sie nur den erforderlichen Zugriff und testen Sie zunächst mit einem nicht sensiblen Artefakt.

AgentGrid.io-Arbeitsbereich mit hervorgehobener Option „Einen Agenten einladen“.
In einem AgentGrid.io-Arbeitsbereich startet „Einen Agenten einladen“ eine unterstützte Verbindung.

Notieren Sie sich die beabsichtigte Leistung, bevor Sie den Assistenten mit der Erstellung beauftragen. Zum Beispiel: eine einseitige Event-Microsite mit endgültiger Kopie, Bildnachweis und einer Liste von Annahmen. Halten Sie private Nachrichten und lokale Konfigurationen aus diesem Briefing und dem Upload heraus.

2. Bringen Sie ein lokales Artefakt mit

Bitten Sie NanoClaw, die Lieferung als normale Dateien an dem Speicherort vorzubereiten, den Sie ihr absichtlich zur Verfügung stellen. Überprüfen Sie die Dateien vor der Übertragung lokal. Bündeln Sie für eine Webseite HTML, CSS, JavaScript und die erforderlichen Assets in einer ZIP-Datei und verwenden Sie dann den ZIP-Import von AgentGrid. Für eine Prosalieferung importieren Sie ein unterstütztes Dokument oder erstellen Sie ein AgentGrid-Dokument und fügen Sie den genehmigten Entwurf ein. Öffnen Sie das neue Artefakt und suchen Sie nach fehlenden Bildern, defekten Links, versehentlichen Geheimnissen und Behauptungen, die aus dem Chat-Kontext und nicht aus einer verifizierten Quelle stammen. Dies ist ein manueller Import, keine automatische NanoClaw-Synchronisierung.

White Lotus-Demo-Website-Artefakt in AgentGrid.io
Beispiel eines Website-Artefakts in AgentGrid.io: Die White Lotus-Demo ist privat, während ihre Version überprüft wird.

3. Leiten Sie Feedback an das Artefakt weiter

Senden Sie einen Teamkollegen an das AgentGrid-Artefakt, nicht an die private NanoClaw-Konversation. Bitten Sie sie, die konkrete Vorschau oder das Dokument zu kommentieren: Wo ist der CTA unklar, welche Aussage benötigt eine Quelle und was würde die Veröffentlichung verhindern? Die Kommentare von AgentGrid bieten eine gemeinsame Überprüfungsoberfläche. Überarbeiten Sie das AgentGrid-Artefakt nach Möglichkeit direkt. Durch den erneuten Import lokaler Dateien entsteht ein neues Artefakt. Geben Sie den Prüfern daher den neuen Link. Kopien bleiben nicht synchron.

4. Veröffentlichen Sie nach einer expliziten menschlichen Prüfung

Lassen Sie den Eigentümer das endgültige Artefakt überprüfen, seinen öffentlichen Bereich genehmigen und dann die Veröffentlichungsaktion von AgentGrid verwenden. Öffnen Sie die veröffentlichte Seite außerhalb des Arbeitsbereichs, um die tatsächliche Besucheransicht zu überprüfen. Wenn eine weitere NanoClaw-Ausführung die lokalen Dateien ändert oder Sie das Arbeitsbereichsartefakt später bearbeiten, folgt die veröffentlichte Version nicht automatisch; Wiederholen Sie den Überprüfungs- und Veröffentlichungsprozess für die neue Version. Behalten Sie die Entscheidung bei, die Arbeit einer Person öffentlich zugänglich zu machen.

Aktualisiertes AgentGrid.io-Freigabemenü mit der Option „Veröffentlichen“.
Das aktualisierte Menü „Teilen“ umfasst „Veröffentlichen“, wodurch ein genehmigtes Artefakt in eine Live-Website umgewandelt wird.

Beginnen Sie mit einem Projekt und einem sicheren Arbeitsplatz

Angenommen, Sie möchten ein Portfolio für einen freiberuflichen Fotografen. Bereiten Sie einen Projektordner mit genehmigten Bildern, Bildunterschriften, Kontaktdaten und einer Kurzbeschreibung vor. NanoClaw offizielles Repository beschreibt einen selbstgehosteten Agenten, der Sitzungen in isolierten Containern ausführt; In den Einrichtungsanweisungen wird erläutert, wie es installiert und ein Messaging-Kanal gekoppelt wird. Hierbei handelt es sich um die Einrichtung eines Agenten, nicht um die Bereitstellung einer Website.

Gewähren Sie dem Agenten nur Zugriff auf die Projektdateien, die er benötigt. Bewahren Sie Produktionsanmeldeinformationen, Zahlungsschlüssel und den Zugriff auf den Domain-Registrar außerhalb des Arbeitsordners auf. Wenn der Agent die Dateien nicht lesen kann, überprüfen Sie den zulässigen Arbeitsbereich oder die Bereitstellung, anstatt den Zugriff auf Ihren gesamten Computer zu erweitern. Wählen Sie eine statische Site, es sei denn, Ihr Auftrag erfordert tatsächlich eine Datenbank, Konten oder Serververhalten.

Richten Sie den Agenten ein, ohne Ihren gesamten Computer zu öffnen

Das NanoClaw-Repository beschreibt die Einrichtung über sein Installationsskript, einen gepaarten Kommunikationskanal und die Containerisolierung pro Agent. Der Container sieht nur explizit gemountete Pfade. Legen Sie genehmigte Portfoliobilder und Kopien in einem begrenzten Projektverzeichnis ab und gestatten Sie dann dem entsprechenden Agenten, dieses Verzeichnis zu verwenden. Wenn auf eine Datei nicht zugegriffen werden kann, überprüfen Sie die konfigurierten Mounts. Lösen Sie das Problem nicht, indem Sie Zugriff auf Ihr Home-Verzeichnis oder einen Ordner mit Produktionsgeheimnissen gewähren.

Eingabeaufforderung: Erstellen Sie aus den genehmigten Bildern eine responsive statische Portfolio-Website und kopieren Sie sie in diesen Projektordner. Fügen Sie eine Galerie, eine About-Seite, Kontaktdaten, Bild-Alternativtexte, beschreibende Seitentitel und einen klaren Anfragelink hinzu. Verwenden Sie keine externen Fotos und erfinden Sie keine Kundenreferenzen. Speichern Sie die Quelldateien hier, erklären Sie, wie Sie eine lokale Vorschau anzeigen und nicht bereitstellen.

Überprüfen Sie die generierte Site vor jeder Bereitstellung

Fragen Sie nach dem Dateibaum, den Build-Anweisungen und dem Speicherort der generierten Ausgabe. Führen Sie das Projekt lokal aus oder bitten Sie einen Entwickler, dies zu tun. Überprüfen Sie Telefon- und Desktop-Layouts, das Laden von Bildern, die Navigation, Formulare und defekte Links. Validieren Sie die Grundlagen und Metadaten der Barrierefreiheit. Eine Chat-Nachricht, die besagt, dass die Site bereit ist, beweist nicht, dass ein Produktions-Build erfolgreich war.

Behalten Sie eine Kopie der Quelle in der Versionskontrolle, wenn dies zum Arbeitsablauf Ihres Teams passt. Überprüfen Sie, welche Dateien der Agent geändert hat, und stellen Sie sicher, dass er keine Geheimnisse, nicht lizenzierten Bilder oder unerwarteten Abhängigkeiten übertragen hat. Wenn die Kontaktaktion E-Mail anstelle eines funktionierenden Formular-Backends verwendet, beschreiben Sie dies dem Fotografen genau. Ein statisches Design mit einem gefälschten Submit-Button ist kein funktionierender Kontaktkanal.

Eingabeaufforderung: Führen Sie den dokumentierten Build des Projekts aus und melden Sie den genauen Befehl und das Ergebnis. Beheben Sie defekte Links und einen mobilen Überlauf und zeigen Sie mir dann die geänderten Dateien. Laden Sie keine Dateien hoch, übertragen Sie sie nicht in ein Repository und veröffentlichen Sie nichts ohne meine gesonderte Genehmigung.

Verwenden Sie eine konkrete Website-QA-Checkliste

  • Führen Sie die dokumentierten Installations- und Build-Befehle in der Projektumgebung aus. Speichern Sie die tatsächliche Ausgabe und Fehler.
  • Öffnen Sie die lokale Vorschau auf Desktop- und Mobilgerätebreite und testen Sie Galeriebilder, Menüs und jeden Anfragelink.
  • Überprüfen Sie den Tastaturfokus, alternativen Text, die Überschriftenstruktur und den lesbaren Kontrast.
  • Bestätigen Sie, dass jeder Seitentitel und jede Beschreibung aussagt, was die Seite bietet, ohne überall dieselben Metadaten zu kopieren.
  • Untersuchen Sie geänderte Dateien auf Anmeldeinformationen, überraschende Abhängigkeiten, kopierten Text und Assets mit unklaren Nutzungsrechten.

Wählen Sie eine externe Veröffentlichungsroute

Verwenden Sie für eine statische Site einen Host, der die Build-Ausgabe Ihres Frameworks akzeptiert, oder ein verbundenes Git-Repository. Ein Entwickler kann den Host, den Build-Befehl, das Ausgabeverzeichnis, die Umgebungsvariablen und die Domäne konfigurieren. Führen Sie dann eine Produktionsbereitstellung durch und öffnen Sie die öffentliche URL, um den tatsächlichen Inhalt zu überprüfen. NanoClaw selbst ist nicht der Hosting-Anbieter; Ein laufender Agent auf Ihrem Laptop oder Server ist nicht dasselbe wie eine öffentliche Website.

NanoClaw Kompetenzkatalog Listen optional /add-vercel Tools zur Ausstattung ausgewählter Agenten mit Vercel-Funktionen. Dabei handelt es sich um eine externe Bereitstellungsfunktion, nicht um einen integrierten NanoClaw-Veröffentlichungsbildschirm, und sie ist nicht in jeder Installation vorhanden. Befolgen Sie die aktuellen Skill-Anweisungen und autorisieren Sie den jeweiligen Agenten und das Projekt, bevor Sie eine Bereitstellung anfordern. Stattdessen können Sie überprüfte Dateien selbst über das Dashboard oder die CI-Pipeline eines Hosts bereitstellen.

Eingabeaufforderung: Ich habe den überprüften Build in [Projektpfad] genehmigt. Wenn dieser Agent über autorisierte Vercel-Tools verfügt, stellen Sie nur dieses Projekt für das angegebene Konto und Projekt bereit und geben Sie dann die Bereitstellungs-URL und den Status zurück. Wenn die Integration nicht verfügbar ist, halten Sie an und geben Sie mir die Build-Ausgabe und die manuellen Bereitstellungsschritte. Ändern Sie nicht die Domäne DNS.

Testen Sie nach der Bereitstellung die öffentliche Seite in einem separaten Browser, überprüfen Sie die Domäne und HTTPS und öffnen Sie jeden CTA. Notieren Sie die bereitgestellte Revision, damit Sie ein Rollback durchführen können. Ein Link zu einer lokalen Vorschau, einem Repository oder einem Agenten-Chat ist kein Ersatz für eine öffentliche Bereitstellungs-URL.

Native Agent-Fähigkeit im Vergleich zur externen Bereitstellung

Die aktuellen NanoClaw-Skills-Kataloglisten /add-vercel als Tool-Installationskompetenz, die ausgewählte Agenten mit Vercel-CLI-Zugriff und Anmeldeinformationsinjektion ausstattet. Es ist optional. Überprüfen Sie, welcher Agent über den Skill verfügt, welches Konto er erreicht und welches Projekt den Build erhält, bevor Sie eine Produktionsaktion anfordern. Ein CLI-Skill erstellt keinen NanoClaw-eigenen Hosting-Service.

Wie ist das im Vergleich zu einer Artefaktübergabe?

Wenn sowohl ein Vermarkter als auch ein Entwickler denselben Entwurf überprüfen müssen, kann ein gemeinsames Artefakt die Übergabe klarer machen, vorausgesetzt, Sie importieren oder verknüpfen die Arbeit explizit und prüfen die Berechtigungen. Der Komplettlösung für Muse-Veröffentlichungen zeigt dieses separate Überprüfungs- und Veröffentlichungsmuster. Lesen Sie, warum Die Arbeit menschlicher Agenten braucht ein gemeinsames Zuhause und wie Teilen Sie eine Datei zwischen zwei Assistenten. Keiner dieser Artikel stellt eine native NanoClaw-zu-AgentGrid-Integration her oder verschiebt Ihre Dateien automatisch dorthin.

Für einen gemeinsamen Überprüfungspfad können Sie einen geeigneten Ordner oder eine ZIP-Datei manuell in AgentGrid.io importieren, wodurch ein separates App-Artefakt mit eigenem Verlauf und eigenen Zugriffskontrollen erstellt wird. Halten Sie die Quelle, die Bilder und den Einstiegspunkt des Fotografen zusammen; Lassen Sie Abhängigkeiten und Geheimnisse außen vor. Überprüfen Sie, ob das gerenderte Artefakt mit der lokalen Vorschau übereinstimmt. Bei einem Neuimport werden nachfolgende lokale Bearbeitungen nicht mit dem früheren Artefakt synchronisiert.

Häufige Startfehler, die Sie vermeiden sollten

Verwirrende Chat-Ausgabe mit einer Bereitstellung: Eine Nachricht, die Code oder eine lokale URL enthält, ist keine gehostete Site. Fordern Sie eine öffentliche Adresse an und überprüfen Sie diese in einem abgemeldeten Browser.

Erweitern des Zugriffs, damit der Build funktioniert: Container-Mounts und Bereitstellungs-Anmeldeinformationen lösen unterschiedliche Probleme. Geben Sie dem Builder nur Projektdateien und autorisieren Sie eine Bereitstellungsidentität nur, wenn das Produktionsziel bekannt ist.

Veröffentlichung der falschen Revision: Speichern Sie die überprüfte Commit- oder Artefaktversion. Wenn jemand die Galerie nach der Freigabe ändert, wiederholen Sie die entsprechenden Prüfungen, bevor die neue Revision live geht.

Überprüfungen nach dem Start überspringen: Überprüfen Sie den Live-Kontaktpfad, die Bild-URLs, die Seitenmetadaten und die mobile Navigation nach DNS und Cache-Änderungen erneut. Halten Sie die vorherige Bereitstellung für ein Rollback verfügbar, wenn Ihr Host dies unterstützt.

FAQ

Hostet NanoClaw Websites?

Nein. Es handelt sich um eine Agentenlaufzeit. Für das Hosting ist eine separate Plattform oder Infrastruktur erforderlich, die Sie betreiben.

Kann NanoClaw auf Vercel bereitgestellt werden?

Möglicherweise, wenn Sie optionale Vercel-Tools hinzufügen, den Zugriff konfigurieren und eine Bereitstellung explizit autorisieren. Überprüfen Sie die Leistungsfähigkeit Ihrer Installation, bevor Sie sich darauf verlassen.

Reicht es zum Starten aus, die lokale Vorschau zu teilen?

Nein. Eine lokale Vorschau beweist nur, dass die Site in dieser Umgebung gerendert wird. Stellen Sie es auf einem öffentlichen Host bereit und testen Sie die zurückgegebene URL.

Fazit: Lassen Sie NanoClaw die Website in einem Arbeitsbereich mit begrenztem Umfang entwerfen und testen. Verwenden Sie einen separaten, genehmigten Bereitstellungsworkflow, um es öffentlich zu machen, und überprüfen Sie dann die Live-Seite.

|

Co-founder & CEO