agentic

Jak opublikować witrynę internetową za pomocą NanoClaw: Bezpieczne budowanie i wdrażanie11 min read

Reading Time: 7 minutesNanoClaw może tworzyć pliki witryn w izolowanym obszarze roboczym agenta, ale nie obsługuje witryn internetowych. Przejrzyj kompilację i wdróż za pośrednictwem autoryzowanego hosta zewnętrznego.

NanoClaw publishing a website cover

Jak opublikować witrynę internetową za pomocą NanoClaw: Bezpieczne budowanie i wdrażanie11 min read

Reading Time: 7 minutes

NanoClaw nie obsługuje witryn internetowych ani nie udostępnia uniwersalnego przycisku Publikuj. Uruchamia agentów w izolowanych kontenerach, które mogą pomóc w pisaniu i testowaniu plików witryny. Aby umieścić te pliki w Internecie, wybierz host zewnętrzny, autoryzuj wdrożenie i zweryfikuj wynikowy publiczny adres URL. Opcjonalna umiejętność Vercel może dodać możliwość wdrażania do wybranych instalacji, ale to nie to samo, co NanoClaw hostujący Twoją witrynę.

Oto praktyczny sposób na portfolio fotografa: określ bezpieczne miejsce do pracy, poproś o małą statyczną witrynę, sprawdź źródło i podgląd, a następnie przenieś jedną zatwierdzoną wersję do produkcji. Jeśli Twój projekt wymaga rezerwacji, kont lub bazy danych, zaprojektuj i przetestuj tę dodatkową infrastrukturę osobno, zamiast zakładać, że zapewnia ją strona statyczna.

Jak opublikować stronę internetową za pomocą NanoClaw i AgentGrid.io

NanoClaw to osobisty asystent, który działa w kontenerach i może pracować z plikami we własnym środowisku. To sprawia, że ​​lokalna wersja robocza jest wygodna, ale nie czyni AgentGrid.io natywnym miejscem docelowym NanoClaw. Traktuj przekazanie jako jawny transfer pliku, chyba że osobno skonfigurowałeś i przetestowałeś kompatybilne połączenie. Celem jest artefakt nadający się do przeglądu z decyzją o wydaniu przez człowieka, a nie proces publikowania bez nadzoru.

1. Utwórz obszar roboczy AgentGrid

Utwórz lub wybierz obszar roboczy AgentGrid dla projektu i potwierdź, że recenzenci należą do odpowiedniego zespołu. Zdecyduj, czy NanoClaw w ogóle ma być podłączony. AgentGrid dokumentuje przepływ zaproszeń dla agentów, ale to zaproszenie nie potwierdza, że ​​NanoClaw jest dostarczany z integracją AgentGrid. W przypadku najprostszej trasy nie zapraszaj NanoClaw: poproś człowieka o zebranie danych wyjściowych i zaimportowanie ich. Jeśli eksperymentujesz z połączeniem agenta, postępuj zgodnie z udokumentowaną konfiguracją obu produktów, korzystaj tylko z potrzebnego dostępu i najpierw przetestuj z niewrażliwym artefaktem.

Obszar roboczy AgentGrid.io z podświetloną opcją Zaproś agenta
W obszarze roboczym AgentGrid.io polecenie Zaproś agenta uruchamia obsługiwane połączenie.

Zapisz zamierzony produkt, zanim poprosisz asystenta o jego zbudowanie. Na przykład: jednostronicowa mikrowitryna wydarzenia z ostateczną kopią, notą kredytową i listą założeń. Nie włączaj prywatnych wiadomości ani konfiguracji lokalnej do tego briefu ani do przesyłania.

2. Przynieś ograniczony artefakt

Poproś NanoClaw o przygotowanie elementu dostarczanego w postaci zwykłych plików w lokalizacji, którą celowo mu udostępniasz. Przed transferem przejrzyj pliki lokalnie. W przypadku strony internetowej spakuj HTML, CSS, JavaScript i wymagane zasoby w plik ZIP, a następnie użyj importu ZIP z AgentGrid. W przypadku prozy zaimportuj obsługiwany dokument lub utwórz dokument AgentGrid i wklej zatwierdzoną wersję roboczą. Otwórz nowy artefakt i sprawdź, czy nie ma brakujących obrazów, uszkodzonych linków, przypadkowych sekretów i roszczeń pochodzących z kontekstu czatu, a nie ze zweryfikowanego źródła. Jest to import ręczny, a nie automatyczna synchronizacja NanoClaw.

Artefakt witryny demonstracyjnej White Lotus w AgentGrid.io
Przykładowy artefakt witryny internetowej w AgentGrid.io: wersja demonstracyjna White Lotus jest prywatna na czas sprawdzania jej wersji.

3. Prześlij informację zwrotną do artefaktu

Wyślij członka drużyny do artefaktu AgentGrid, a nie do prywatnej rozmowy NanoClaw. Poproś ich o skomentowanie konkretnego podglądu lub dokumentu: gdzie wezwanie do działania jest niejasne, które stwierdzenie wymaga źródła i co mogłoby wstrzymać publikację? Komentarze AgentGrid zapewniają wspólną przestrzeń recenzji. Jeśli to możliwe, sprawdź bezpośrednio artefakt AgentGrid. Ponowny import plików lokalnych powoduje powstanie nowego artefaktu, dlatego udostępnij recenzentom nowy link. Kopie nie są zsynchronizowane.

4. Publikuj po wyraźnej kontroli człowieka

Poproś właściciela o sprawdzenie ostatecznego artefaktu, zatwierdzenie jego zakresu publicznego, a następnie skorzystanie z akcji publikowania AgentGrid. Otwórz opublikowaną stronę poza obszarem roboczym, aby sprawdzić rzeczywisty widok odwiedzającego. Jeśli kolejne uruchomienie NanoClaw zmieni pliki lokalne lub później edytujesz artefakt obszaru roboczego, opublikowana wersja nie zostanie automatycznie zastosowana; powtórz proces sprawdzania i publikowania nowej wersji. Zachowaj decyzję o publicznym udostępnieniu pracy danej osobie.

Zaktualizowano menu Udostępnij AgentGrid.io pokazujące opcję Publikuj
Zaktualizowane menu Udostępnij zawiera opcję Publikuj, która zamienia zatwierdzony artefakt w działającą witrynę internetową.

Zacznij od projektu i bezpiecznego miejsca do pracy

Załóżmy, że chcesz portfolio dla niezależnego fotografa. Przygotuj folder projektu z zatwierdzonymi obrazami, podpisami, danymi kontaktowymi i briefem. NanoClaw oficjalne repozytorium opisuje agenta hostowanego samodzielnie, który uruchamia sesje w izolowanych kontenerach; instrukcje konfiguracji wyjaśniają, jak go zainstalować i sparować z kanałem komunikacyjnym. To jest konfiguracja agenta, a nie wdrożenie witryny internetowej.

Daj agentowi dostęp tylko do potrzebnych mu plików projektu. Trzymaj poświadczenia produkcyjne, klucze płatności i dostęp rejestratora domen poza folderem roboczym. Jeśli agent nie może odczytać plików, sprawdź dozwolony obszar roboczy lub mocowania, zamiast rozszerzać dostęp na całą maszynę. Wybierz witrynę statyczną, chyba że Twój brief rzeczywiście wymaga bazy danych, kont lub zachowania serwerowego.

Skonfiguruj agenta bez otwierania całej maszyny

Repozytorium NanoClaw opisuje konfigurację poprzez skrypt instalacyjny, sparowany kanał komunikacyjny i izolację kontenera dla poszczególnych agentów. Kontener widzi tylko jawnie zamontowane ścieżki. Umieść zatwierdzone obrazy portfolio i skopiuj je w ograniczonym katalogu projektu, a następnie pozwól odpowiedniemu agentowi na korzystanie z tego katalogu. Jeśli nie może uzyskać dostępu do pliku, sprawdź skonfigurowane podłączenia; nie rozwiązuj problemu, udzielając dostępu do swojego katalogu domowego lub folderu tajemnic produkcyjnych.

Podpowiedź: Utwórz responsywną statyczną witrynę portfolio na podstawie zatwierdzonych obrazów i skopiuj je do folderu projektu. Dołącz galerię, informacje o stronie, dane kontaktowe, tekst alternatywny obrazu, opisowe tytuły stron i wyraźny link do zapytania. Nie używaj zdjęć zewnętrznych ani nie wymyślaj referencji klientów. Zapisz tutaj pliki źródłowe, wyjaśnij, jak wyświetlić podgląd lokalnie i nie wdrażaj.

Przed wdrożeniem przejrzyj wygenerowaną witrynę

Poproś o drzewo plików, instrukcje kompilacji i lokalizację wygenerowanego wyniku. Uruchom projekt lokalnie lub poproś o to programistę. Sprawdź układ telefonu i komputera, ładowanie obrazów, nawigację, formularze i uszkodzone linki. Sprawdź podstawy dostępności i metadane. Wiadomość na czacie informująca, że ​​witryna jest gotowa, nie oznacza, że ​​wersja produkcyjna została pomyślnie zakończona.

Zachowaj kopię źródła w kontroli wersji, jeśli pasuje to do przepływu pracy Twojego zespołu. Sprawdź, jakie pliki zmienił agent i upewnij się, że nie popełnił sekretów, nielicencjonowanych obrazów lub nieoczekiwanych zależności. Jeśli akcja kontaktowa wykorzystuje e-mail, a nie działający formularz, opisz to dokładnie fotografowi. Projekt statyczny z fałszywym przyciskiem przesyłania nie jest funkcjonującym kanałem kontaktowym.

Podpowiedź: Uruchom udokumentowaną kompilację projektu i zgłoś dokładne polecenie i wynik. Napraw uszkodzone linki i przepełnienie urządzeń mobilnych, a następnie pokaż zmienione pliki. Nie przesyłaj plików, nie wypychaj do repozytorium ani nie publikuj niczego bez mojej osobnej zgody.

Skorzystaj z konkretnej listy kontrolnej kontroli jakości witryny internetowej

  • Uruchom udokumentowane polecenia install i build w środowisku projektu; zapisz rzeczywiste dane wyjściowe i błędy.
  • Otwórz podgląd lokalny w szerokości komputera i urządzenia mobilnego oraz przetestuj obrazy galerii, menu i każdy link do zapytania.
  • Sprawdź fokus klawiatury, tekst alternatywny, strukturę nagłówków i czytelny kontrast.
  • Potwierdź, że tytuł i opis każdej strony mówią, co strona oferuje, bez kopiowania wszędzie tych samych metadanych.
  • Sprawdź zmienione pliki pod kątem poświadczeń, niespodziewanych zależności, skopiowanego tekstu i zasobów o niejasnych prawach użytkowania.

Wybierz zewnętrzną ścieżkę publikacji

W przypadku witryny statycznej użyj hosta, który akceptuje dane wyjściowe kompilacji platformy lub połączonego repozytorium Git. Programista może skonfigurować hosta, polecenie kompilacji, katalog wyjściowy, zmienne środowiskowe i domenę. Następnie wykonaj wdrożenie produkcyjne i otwórz jego publiczny adres URL, aby zweryfikować rzeczywistą zawartość. Sam NanoClaw nie jest dostawcą hostingu; działający agent na laptopie lub serwerze to nie to samo, co publiczna witryna internetowa.

NanoClaw katalog umiejętności listy opcjonalne /add-vercel narzędzia umożliwiające wyposażenie wybranych agentów w możliwości Vercel. Jest to możliwość wdrożenia zewnętrznego, a nie wbudowany ekran publikowania NanoClaw i nie jest ona dostępna w każdej instalacji. Postępuj zgodnie z bieżącymi instrukcjami dotyczącymi umiejętności i autoryzuj konkretnego agenta i projekt, zanim poprosisz o wdrożenie. Zamiast tego możesz samodzielnie wdrożyć sprawdzone pliki za pośrednictwem pulpitu nawigacyjnego hosta lub potoku CI.

Podpowiedź: Zatwierdziłem sprawdzoną kompilację w [ścieżka projektu]. Jeśli ten agent autoryzował narzędzia Vercel, wdróż tylko ten projekt na określonym koncie i projekcie, a następnie zwróć adres URL i status wdrożenia. Jeśli integracja jest niedostępna, zatrzymaj się i podaj wyniki kompilacji oraz kroki ręcznego wdrażania. Nie zmieniaj domeny DNS.

Po wdrożeniu przetestuj stronę publiczną w osobnej przeglądarce, zweryfikuj domenę i HTTPS oraz otwórz każde CTA. Zapisz wdrożoną wersję, aby móc ją wycofać. Link do lokalnego podglądu, repozytorium lub czatu z agentem nie zastępuje publicznego adresu URL wdrożenia.

Możliwości agenta natywnego a wdrożenie zewnętrzne

Aktualne listy katalogów umiejętności NanoClaw /add-vercel jako umiejętność instalacji narzędzi, która zapewnia wybranym agentom dostęp do interfejsu Vercel CLI i wstrzykiwanie poświadczeń. Jest to opcjonalne. Zanim poprosisz o akcję produkcyjną, sprawdź, który agent ma tę umiejętność, do jakiego konta dociera i jaki projekt otrzyma kompilację. Umiejętność CLI nie tworzy usługi hostingowej należącej do NanoClaw.

Jak to się ma do przekazania artefaktów?

Jeśli marketer i programista muszą przejrzeć tę samą wersję roboczą, udostępniony artefakt może ułatwić przekazanie, pod warunkiem, że jawnie zaimportujesz lub połączysz pracę i sprawdzisz uprawnienia. The Przewodnik po wydawnictwie Muse pokazuje ten odrębny wzorzec „przejrzyj i opublikuj”. Przeczytaj dlaczego praca między człowiekiem a agentem wymaga wspólnego domu i jak udostępnić plik pomiędzy dwoma asystentami. Żaden z tych artykułów nie ustanawia natywnej integracji NanoClaw z AgentGrid ani nie przenosi tam automatycznie plików.

W przypadku udostępnionej ścieżki recenzji możesz ręcznie zaimportować odpowiedni folder lub plik ZIP do AgentGrid.io, co spowoduje utworzenie osobnego artefaktu aplikacji z własną historią i kontrolą dostępu. Trzymaj razem źródło, obrazy i punkt wejścia fotografa; pomiń zależności i tajemnice. Sprawdź, czy wyrenderowany artefakt pasuje do lokalnego podglądu. Świeży import nie będzie synchronizował kolejnych zmian lokalnych z wcześniejszym artefaktem.

Typowe błędy podczas uruchamiania, których należy unikać

Mylenie wyników czatu z wdrożeniem: Wiadomość zawierająca kod lub lokalny adres URL nie jest witryną hostowaną. Wymagaj adresu publicznego i zweryfikuj go w niezalogowanej przeglądarce.

Poszerzanie dostępu, aby kompilacja działała: Montowanie kontenerów i poświadczenia wdrożenia rozwiązują różne problemy. Przekaż konstruktorowi tylko pliki projektu i autoryzuj tożsamość wdrożenia tylko wtedy, gdy znany jest cel produkcyjny.

Publikacja błędnej wersji: Zapisz sprawdzoną wersję zatwierdzenia lub artefaktu. Jeśli ktoś zmieni galerię po wylogowaniu, powtórz odpowiednie kontrole, zanim nowa wersja zostanie opublikowana.

Pomijanie kontroli po uruchomieniu: Powróć do ścieżki kontaktu na żywo, adresów URL obrazów, metadanych stron i nawigacji mobilnej po zmianach DNS i pamięci podręcznej. Zachowaj dostępność poprzedniego wdrożenia do wycofania, jeśli Twój host je obsługuje.

Często zadawane pytania

Czy NanoClaw hostuje strony internetowe?

Nie. To jest środowisko wykonawcze agenta. Hosting wymaga osobnej platformy lub infrastruktury, którą obsługujesz.

Czy NanoClaw można wdrożyć w Vercel?

Potencjalnie, jeśli dodasz opcjonalne narzędzia Vercel, skonfigurujesz dostęp i jawnie autoryzujesz wdrożenie. Zanim na niej zaczniesz polegać, sprawdź możliwości swojej instalacji.

Czy udostępnienie podglądu lokalnego wystarczy do uruchomienia?

Nie. Lokalny podgląd pokazuje tylko, że witryna renderuje się w tym środowisku. Wdróż na hoście publicznym i przetestuj zwrócony adres URL.

Konkluzja: Pozwól NanoClaw opracować i przetestować witrynę internetową w ograniczonym obszarze roboczym. Użyj osobnego, zatwierdzonego procesu wdrażania, aby upublicznić go, a następnie zweryfikuj aktywną stronę.

|

Co-founder & CEO