agentic

OpenClaw: Bir Web Sitesi Güvenli Bir Şekilde Nasıl Yayınlanır?14 min read

Reading Time: 7 minutesOpenClaw ile bir web sitesi oluşturun ve yayınlayın: aracı izinlerini kapsayın, dosyaları test edin, bir ana bilgisayar veya paylaşılan yapı aracılığıyla dağıtın ve genel URL'yi doğrulayın.

OpenClaw publishing a website cover

OpenClaw: Bir Web Sitesi Güvenli Bir Şekilde Nasıl Yayınlanır?14 min read

Reading Time: 7 minutes

OpenClaw bir web sitesi oluşturmaya yardımcı olabilir ancak web sitesi barındırıcısı değildir. Temsilciden kaynak dosyaları oluşturmasını, siteyi yerel olarak çalıştırmasını ve tarayıcının gösterdiği şeyi düzeltmesini isteyin. Daha sonra kontrol ettiğiniz bir barındırma platformu aracılığıyla dağıtın veya projeyi incelenebilir bir AgentGrid.io yapısına yerleştirin ve yalnızca insan onayından sonra yayınlayın. Sohbet ekran görüntüsü, yerel bağlantı noktası veya özel yapı URL’si, müşteriye yönelik başlatma URL’si değildir.

Bu kılavuz, dosya ve komut araçlarıyla OpenClaw aracısını kullanan inşaatçılar içindir. En önemli kararı izin sınırıdır: Aracı, üretim kimlik bilgilerine sahip olmadan taslak hazırlayabilir ve test edebilir. Bir ekibin paylaşılan bir sürümü yayınlanmadan önce incelemesi gerekiyorsa AgentGrid.io çalışma alanını başlatın ve ayrı bir onaylanmış eylem olarak yayınlamaya devam edin.

OpenClaw ile oluşturulmuş bir web sitesine istikrarlı bir yuva nasıl sağlanır?

Önce AgentGrid.io’i hazırlayın, ardından OpenClaw’e sınırlı erişim verin ve sonucunu sohbet dışında doğrulayın.

1. Adım: AgentGrid.io çalışma alanını seçin

app.agentgrid.io adresinde oturum açın ve bu web sitesi için ekibi ve çalışma alanını seçin. Taslak istemci materyali içeriyorsa kısıtlı bir çalışma alanı kullanın. Herkese açık dağıtımdan önce bunu kimin inceleyeceğini planlayın.

Temsilci davet et'in vurgulandığı AgentGrid.io çalışma alanı
AgentGrid.io çalışma alanında, Aracıyı davet et desteklenen bir bağlantıyı başlatır.

2. Adım: Bu OpenClaw aracısını sınırlı bir izinle bağlayın

OpenClaw görüşmesinde şunları söyleyin: 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. Doğrulamayı, amaçlanan çalışma alanı ve Okuma ve Yazma ile kendiniz onaylayın. Gerekmedikçe Paylaş ve Yayınla’yı kapalı bırakın. OpenClaw’in çalışmasını isteyin npx @animaapp/cli@latest workspaces ve amaçlanan çalışma alanının listelendiğini doğrulayın. Katılımsız bir temsilci için Temsilci yönetimi → Temsilci davet et seçeneğini kullanın. Varsayılan Paylaşma ve Yayınlama özelliklerinin işaretini kaldırın, çalışma alanını seçin ve ardından tek seferlik bağlantıyı özel olarak iletin. Daveti tek başına oluşturmak onu bağlamaz. Kabuk yürütme devre dışıysa, doğrudan erişime sahip olduğunu iddia etmek yerine manuel içe aktarmayı kullanın.

3. Adım: Yalnızca günlüğü değil, yapıyı oluşturun ve inceleyin

OpenClaw’e kapsanan bir görev verin: Program, konuşmacı kartları ve kayıt bağlantısı içeren duyarlı bir etkinlik mikro sitesi oluşturun. Onaylanan kopyayı ve varlıkları kullanın, sayfayı yerel olarak kontrol edin ve projeyi, seçtiğimiz çalışma alanında bir uygulama olarak AgentGrid.io’e yerleştirin. Yayınlamayın. CLI içe aktarma komutunu kullanmasını sağlayın npx @animaapp/cli@latest create -t import --from ./project --artifact-type app --workspace <workspace-id> gerçek klasörü ve keşfedilen çalışma alanı kimliğiyle birlikte. Döndürülen yapı URL’sini açın ve dosyaları doğrulayıp önizleyin. Bir sitenin aşağıdaki gibi bir giriş noktasına ihtiyacı vardır: index.html; sırları yüklemekten kaçının, node_modulesveya çıktı oluşturun. OpenClaw bağlanamadıysa oluşturulan proje klasörünü veya ZIP’i alın ve AgentGrid.io’in Yeni menüsü aracılığıyla içe aktarın. Bu yeni bir eser, canlı bir ayna değil. Tekrarlanan işler için, aracıya mevcut yapı URL’sini verin ve ondan bu yapıyı güncellemesini isteyin, ardından bunu hangi kimliğin değiştirdiğini doğrulamak için Geçmiş’i kontrol edin.

AgentGrid.io'te White Lotus demo web sitesi yapısı
AgentGrid.io’teki örnek web sitesi yapısı: White Lotus demosu, sürümü incelenirken gizlidir.

4. Adım: Yayını onaylayın ve yayındaki URL’yi kontrol edin

Hak taleplerini, erişilebilirlikle ilgili temel bilgileri, mobil davranışı ve hedef bağlantılarını inceleyin. Ancak bundan sonra AgentGrid.io’te Yayınla’yı kullanın veya bu yeteneği bilinçli olarak verdiyseniz OpenClaw’e açık bir yayınlama talimatı verin. Genel URL’yi oturum kapalı bir tarayıcıda açın ve geçerli sürümün orada olduğunu doğrulayın. Özel bağlantılar anonim ziyaretçiler için çalışmaz; Onaylanan her güncellemeyi yayınlayın. Otomatik aracının siteyi değiştirmeyi bırakması gerekiyorsa, Aracı yönetiminde erişimini kaldırın; önceki çalışması Tarih’te atfedilmeye devam ediyor.

Yayınla seçeneğini gösteren güncellenmiş AgentGrid.io Paylaş menüsü
Güncellenen Paylaş menüsü, onaylanmış bir yapıyı canlı bir web sitesine dönüştüren Yayınla’yı içerir.

OpenClaw ne yapar ve ne yapmaz

OpenClaw’ler başlangıç belgeleri Ağ Geçidi ve yapılandırılmış kanallar aracılığıyla erişilen bir aracıyı açıklar. Araçları, etkinleştirildiğinde dosyalar ve komutlarla çalışabilir. Tarayıcı aracı sayfaların incelenmesine yardımcı olur, ancak Ağ Geçidi kontrol paneli veya tarayıcı oturumu genel bir web sitesi dağıtımı değildir. OpenClaw’ler yönetici onayları ve korumalı alan ayarları önemlidir çünkü komut yeteneğine sahip bir aracı, dosyaları değiştirebilir veya bir ana bilgisayarın dağıtım CLI’sini çağırabilir. Yalnızca mevcut aşama için gereken erişimi verin.

1. Adım: Kısıtlanmış bir web sitesi görevi oluşturun

Aracının bir proje çalışma alanına ve gerekli dosya ve yürütme araçlarına sahip olduğunu doğrulayın. Ana dizininizin tamamını değil, temiz bir klasör veya depo seçin. Onaylanmış logo, fotoğraf, kopya ve işle ilgili gerçekleri sağlayın. İlk açılış sayfası oluşturma için dağıtım belirteçlerini veya müşteri verilerini vermeyin. Sunucu tarafı işlevi gerekmiyorsa çerçeveye bir ad verin veya statik bir site isteyin.

Örnek istem: “Bisiklet sitesi klasöründe yerel bir bisiklet tamircisi için tek sayfalık duyarlı bir site oluşturun. Hizmetleri, saatleri, servis alanını ve fiyat teklifi talebi eylem çağrısını ekleyin. Semantik HTML ve erişilebilir CSS kullanın. Doğrulanmamış adresleri, fiyatları ve referansları yer tutucu olarak işaretleyin. Kaynak ve genel varlıkları bir arada tutun. Bana nasıl önizleyeceğimi ve mevcut kontrolleri nasıl çalıştıracağımı söyleyin. Kimlik bilgilerini dağıtmayın, yayınlamayın veya kullanmayın.”

OpenClaw’ten giriş noktasını, dizin ağacını, bağımlılıkları, yükleme/oluşturma komutlarını ve değiştirilen dosyaların listesini döndürmesini isteyin. Statik bir uygulama index.html’i kullanabilir; bir çerçeve uygulamasının bildirimine ve komut dosyalarına ihtiyacı vardır. Yerel önizlemeyi ve hedef ana bilgisayarın derleme çıktısını açıklayan bir README isteyin. Varlıkların yalnızca aracının makinesinde bulunan bir yolu değil, göreceli veya genel URL’leri kullandığını doğrulayın.

2. Adım: Tarayıcıda test edin ve gerçek kusurları düzeltin

Projenin belgelenen yerel sunucusunu veya geliştirme komutunu çalıştırın, ardından oluşturulan siteyi kendiniz açın. Dar ve geniş genişlikleri, klavye gezintisini, kontrastı, resim alternatiflerini, yazımı, bağlantıları ve telefon numarası davranışını kontrol edin. Konsol hatalarını ve eksik görüntüleri inceleyin. Proje desteklediğinde testleri ve üretim yapısını çalıştırın. Aracıdan alınan bir ekran görüntüsü yönlendirme açısından faydalıdır ancak formlar ve menülerle etkileşimin yerine geçmez.

Fiyat teklifi talebi yalnızca stilize edilmiş bir formsa gönderimlerin nereye gideceğini sorun. İncelenen bir form hizmetini bağlayın veya çalıştığı iddiasını kaldırın. Zararsız bir gönderimle test edin ve teslimatı doğrulayın. Mağazanın gerçek saatlerini, konumunu, fotoğraf lisanslarını ve gizlilik metnini mağaza sahibiyle kontrol edin. Temsilciden belirli düzeltmeler isteyin ve yeni önizlemeyi eskisiyle karşılaştırın; Onaylanan kopyayı sessizce değiştiren “daha iyi hale getirin” istemlerinden kaçının.

İstemi düzeltin: “Telefon boyutunda bir görünüm alanında, servis kartlarını okunabilir tutun ve navigasyonu klavyeyle erişilebilir hale getirin. Yer tutucu iletişim ayrıntılarını yalnızca brifing.md’deki onaylanmış bilgilerle değiştirin. Değiştirilen her dosyayı, test sonucunu ve kalan engelleyiciyi rapor edin. Barındırma yapılandırmasına dokunmayın veya yayınlamayın.” Mümkün olduğunda onaylı sürümü kaynak kontrolünde tutun.

3. Adım: Dağıtım sınırını seçin

  • Mevcut ana makine: İncelenen kaynağı kaydedin, çerçeveyi yapılandırın ve ana makinenizde çıktı oluşturun ve bu ana bilgisayarın depo entegrasyonu veya CLI aracılığıyla dağıtın. Hizmeti genel URL’yi sağlar. API anahtarlarını JavaScript tarayıcısında değil, ana bilgisayar tarafından yönetilen gizli dizilerde saklayın.
  • AgentGrid.io paylaşılan yapı: Komut özellikli aracıyı yalnızca onayınızla bağlayın veya bir klasörü/ZIP’i manuel olarak içe aktarın. Bir kişi yayınlamadan önce ortak çalışanların özel uygulama yapısını incelemesine izin verin. Yapının geçmişi ve önizlemesi, onayın bir sürüme özel olmasına yardımcı olur.

OpenClaw Kontrol Kullanıcı Arayüzünü bir web sitesi ana bilgisayarı olarak tanımlamayın. Yerel olarak yönlendirilen bir bağlantı noktası, bir geliştirme sürecini ön izleme için ortaya çıkarabilir, ancak bu, dayanıklı bir genel site değildir. Aracıya, oturum açılmış bir barındırma hesabı için bir dağıtım CLI’si veya tarayıcı erişimi verirseniz, bunu üretim erişimi olarak değerlendirin ve eylem için açık onay alın.

4. Adım: İncelenen projeyi bağlayın veya içe aktarın

Paylaşılan rota için AgentGrid.io’in belgelenen bağlantısı, CLI’sini ve bir onay akışını kullanır. Komut özellikli bir OpenClaw ortamında başlatma komutu npx @animaapp/cli@en son giriş; doğrulama bağlantısını kendiniz onaylayın ve amaçlanan çalışma alanını ve yetenekleri seçin. Sırf taslak oluşturmak için sohbette şifrenizi vermeyin veya geniş yayın haklarına sahip bir temsilciye bağlanmayın. Bağlantı kullanılamıyorsa belgelenen yöntemi kullanın. klasör veya ZIP içe aktarma.

Küçük bir kaynak paketi hazırlayın: node_modules’ı, özel anahtarları, yerel ortam dosyalarını ve ilgisiz çalışma alanlarını hariç tutun. Giriş noktasını, varlıkları ve derlemek için gerekli tüm yapılandırmaları ekleyin. AgentGrid.io’te hedef çalışma alanını seçin ve bir uygulama yapısı oluşturun veya içe aktarın. Dosyalarını ve oluşturulan önizlemeyi inceleyin. Başarılı bir yükleme, API yolunun, sunucu işleminin veya form entegrasyonunun doğru şekilde aktarıldığının kanıtı değildir.

Devir istemi: “Erişime izin verdikten sonra, belirtilen AgentGrid.io çalışma alanındaki bisiklet sitesinden yayınlanmamış bir uygulama yapısı oluşturun. Yalnızca kaynak ve genel varlıkları ekleyin. Özel URL’sini döndürün, eksik çalışma zamanı özelliklerini belirleyin ve aynı yapıyı düzeltmeler için güncellemeyin. Başka aracıları davet etmeyin, yayınlamayın veya başka bir çalışma alanı seçmeyin.” Çalışma alanına ulaşılamıyorsa, hedefleri sessizce değiştirmek yerine durun.

5. Adım: Onaylanan sürümü inceleyin ve yayınlayın

Bir ekip arkadaşınızdan yapı ön izlemesini, özellikle de mobil düzeni, iletişim ayrıntılarını, fiyat teklifi formunu ve klavye erişimini test etmesini isteyin. Aynı yapı veya kaynak deposundaki geri bildirimleri uzlaştırın ve yayınlanmak üzere onaylanan revizyonu belirleyin. Geleneksel bir ana bilgisayarla, onaylanmış taahhüdü dağıtın ve dağıtım ayrıntılarını gözden geçirin. İleAgentGrid.ioyayınlama iznine sahip bir kişi bunu kullanır Denetimi yayımlama genel bir URL oluşturmak için. Bir aracıya davet etmek ve özel bir yapıyı paylaşmak, yayınlama adımı değildir.

Telefonda da dahil olmak üzere oturumunuz kapalıyken genel adresi açın. HTTPS’yi, meta verileri, bağlantıları, resimleri ve form dağıtımını kontrol edin. Onaylanan önizlemeyle karşılaştırın. Farklıysa, duyurmadan önce dağıtılan kesinleştirme veya yapı sürümünü, derleme ayarlarını, gizli dizileri ve önbelleğe almayı araştırın. Yerel dosyaların tek başına düzenlenmesi, yayınlanmış bir yapının mutlaka güncellenmesi anlamına gelmez.

Taslak izni neden yayından ayırmalısınız?

Bir kişi ziyaretçilerin ne göreceğini kontrol ederken, bir aracının kodu yinelemesine olanak tanır. OpenClaw’in araç ve onay yapılandırması, site içeriğini veya ana bilgisayarın dağıtım izinlerini incelemenin yerine geçmez. Aracının dosya sistemi kapsamını sınırlayın, üçüncü taraf araçlarını yüklemeden önce doğrulayın ve bir web sayfasından veya içe aktarılan projeden incelenmemiş komutları çalıştırmayın. Kaynak kontrolü incelemesini, yapıt onayını ve kamuya açıklanmasını üç ayrı kapı olarak ele alın.

Bir sonraki güncellemeyi kasıtlı yapın

Onaylanan sürümü ve genel URL’yi kaydedin. Yeni düzenlemeler, incelenip tekrar yayınlanana kadar taslak niteliğindedir.

Sık sorulan sorular

OpenClaw web sitelerini barındırıyor mu?

OpenClaw, burada açıklanan genel barındırma hedefi değil, aracı ve araç ortamıdır. Dayanıklı bir genel URL için bir web barındırıcısı veya ayrı olarak yayınlanmış bir uygulama yapısı kullanın. Ağ Geçidi kontrol paneli veya yerel önizleme bu URL değildir.

Temsilci üretim kimlik bilgilerini vermeden yayınlayabilir miyim?

Evet. Kısıtlı bir çalışma alanında taslak hazırlamasına ve test etmesine izin verin, ardından bir kişinin barındırma sağlayıcısının dağıtım iş akışını veya AgentGrid.io’in Yayınla kontrolünü kullanmasını sağlayın. Dağıtımın hazırlanmasına yardımcı olan bir aracı bile ihtiyaç duymadığı gizli bilgileri almamalıdır.

İçe aktarılan yapı doğru görünüyor ancak biçimi başarısız olursa ne olur?

Orijinal sitenin sunucu rotalarını, ortam değişkenlerini veya aktarılmayan bir üçüncü taraf hizmetini kullanıp kullanmadığını kontrol edin. Lansmandan önce yeni ortamda gerçek bir gönderimi test edin. Görsel önizlemeyi işlevsel doğrulama olarak değerlendirmeyin.

OpenClaw klasörümdeki değişiklikler yayındaki siteyi güncelleyecek mi?

Genel durumda otomatik olarak değil. Güncelleme, ana bilgisayarın derleme ve dağıtım hattına veya ayrı bir yapının açık bir şekilde güncellenmesine ve yeniden yayınlanmasına bağlıdır. Her canlı URL’nin hangi kaynak sürümünü temsil ettiğini kaydedin.

Aktarımın karşılaştırması için kılavuzumuza bakın. Muse web sitesi yayınlama kılavuzu. Claude Tasarım yayınlama kılavuzu başka bir başlangıç noktasını kapsarken, Temsilciler Anima ile uygulamaları nasıl keşfedip yayınlıyor? gözden geçirilmiş bir yapıtın yayına taşınmasını gösterir. Bunlar farklı iş akışlarıdır, değiştirilebilir ürün özellikleri değildir.

|

Co-founder & CEO