OpenClaw: Cara Memublikasikan Website dengan Aman10 min read

OpenClawdapat membantu membangun situs web, tetapi itu bukan host situs web. Minta agen untuk membuat file sumber, menjalankan situs secara lokal, dan memperbaiki apa yang diungkapkan browser. Kemudian terapkan melalui platform hosting yang Anda kendalikan, atau tempatkan proyek dalam artefak AgentGrid.io yang dapat ditinjau dan publikasikan hanya setelah persetujuan manusia. Tangkapan layar obrolan, port lokal, atau URL artefak pribadi bukanlah URL peluncuran yang ditujukan kepada pelanggan.

Panduan ini ditujukan untuk pembuat yang menggunakan agen OpenClaw dengan alat file dan perintah. Keputusan terpentingnya adalah batasan izin: agen dapat membuat draf dan menguji tanpa memegang kredensial produksi. Jika tim perlu memeriksa satu versi bersama sebelum rilis, memulai ruang kerja AgentGrid.io dan terus memublikasikannya sebagai tindakan terpisah yang disetujui.

Bagaimana memberikan situs web yang dibangun OpenClaw sebagai rumah yang stabil

Siapkan AgentGrid.io terlebih dahulu, lalu berikan akses terbatas pada OpenClaw dan verifikasi hasilnya di luar chat.

Langkah 1: Pilih ruang kerja AgentGrid.io

Masuk di app.agentgrid.io dan pilih tim dan ruang kerja untuk situs web ini. Gunakan ruang kerja terbatas jika draf berisi materi klien. Rencanakan siapa yang akan meninjaunya sebelum penerapan publik.

Langkah 2: Hubungkan agen OpenClaw ini dengan hibah terbatas

Dalam percakapan OpenClaw, ucapkan: 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. Setujui verifikasi sendiri dengan ruang kerja yang dituju dan Baca dan Tulis. Biarkan Bagikan dan Publikasikan kecuali diperlukan. Minta OpenClaw untuk dijalankan npx @animaapp/cli@latest workspaces dan konfirmasikan ruang kerja yang dimaksud telah terdaftar. Untuk agen tanpa pengawasan, gunakan Administrasi agen → Undang agen. Hapus centang pada kemampuan Bagikan dan Publikasikan default, pilih ruang kerja, lalu kirimkan tautan satu kali secara pribadi. Membuat undangan saja tidak menghubungkannya. Jika eksekusi shell dinonaktifkan, gunakan impor manual daripada mengklaim shell memiliki akses langsung.

Langkah 3: Bangun dan periksa artefaknya, bukan hanya lognya

Berikan OpenClaw tugas yang termuat: Bangun situs mikro acara yang responsif dengan jadwal, kartu pembicara, dan tautan pendaftaran. Gunakan salinan dan aset yang disetujui, periksa halaman secara lokal, dan letakkan proyek di AgentGrid.io sebagai aplikasi di ruang kerja yang kami pilih. Jangan mempublikasikannya. Mintalah menggunakan perintah impor CLI npx @animaapp/cli@latest create -t import --from ./project --artifact-type app --workspace <workspace-id> dengan folder sebenarnya dan ID ruang kerja yang ditemukan. Buka URL artefak yang dikembalikan dan verifikasi file serta pratinjau. Sebuah situs membutuhkan titik masuk seperti index.html; hindari mengunggah rahasia, node_modules, atau membangun keluaran. Jika OpenClaw tidak dapat terhubung, ambil folder proyek atau ZIP yang dihasilkan dan impor melalui menu Baru AgentGrid.io. Itu adalah artefak baru, bukan cermin hidup. Untuk pekerjaan berulang, berikan agen URL artefak yang ada dan minta agen memperbarui artefak tersebut, lalu periksa Riwayat untuk mengonfirmasi identitas mana yang mengubahnya.

Langkah 4: Setujui publikasi dan periksa URL aktif

Tinjau klaim, dasar-dasar aksesibilitas, perilaku seluler, dan tautan tujuan. Baru kemudian gunakan Publikasikan di AgentGrid.io, atau berikan OpenClaw instruksi publikasi eksplisit jika Anda sengaja memberikan kemampuan tersebut. Buka URL publik di browser yang sudah logout dan konfirmasikan bahwa versi saat ini ada di sana. Tautan pribadi tidak berfungsi untuk pengunjung anonim; mempublikasikan setiap pembaruan yang disetujui. Jika agen otomatis berhenti mengubah situs, hapus aksesnya di administrasi Agen; karya sebelumnya tetap dikaitkan dalam Sejarah.

Apa yang dilakukan OpenClaw dan apa yang tidak dilakukannya

OpenClaw dokumentasi memulai menjelaskan agen yang diakses melalui Gateway dan saluran yang dikonfigurasi. Alat-alatnya dapat bekerja dengan file dan perintah ketika diaktifkan. Alat browsernya membantu memeriksa halaman, namun dasbor Gateway atau sesi browser bukanlah penerapan situs web publik. OpenClaw persetujuan eksekutif dan pengaturan sandbox penting karena agen berkemampuan perintah dapat mengubah file atau memanggil CLI penerapan host. Berikan hanya akses yang diperlukan untuk tahap saat ini.

Langkah 1: Buat tugas situs web terbatas

Konfirmasikan bahwa agen memiliki ruang kerja proyek dan file serta alat eksekusi yang diperlukan. Pilih folder atau repositori yang bersih, bukan seluruh direktori home Anda. Berikan logo, foto, salinan, dan fakta bisnis yang disetujui. Jangan berikan token penerapan atau data pelanggan untuk pembuatan halaman arahan awal. Beri nama kerangka kerja atau minta situs statis jika tidak diperlukan fungsi sisi server.

Contoh perintah: “Buat situs satu halaman responsif untuk bengkel sepeda lokal di folder situs sepeda. Sertakan layanan, jam buka, area layanan, dan ajakan bertindak. Gunakan semantik HTML dan CSS yang dapat diakses. Tandai alamat, harga, dan testimonial yang belum terverifikasi sebagai placeholder. Simpan sumber dan aset publik bersama-sama. Beri tahu saya cara mempratinjaunya dan menjalankan pemeriksaan yang tersedia. Jangan menyebarkan, mempublikasikan, atau menggunakan kredensial.”

Minta OpenClaw untuk mengembalikan titik masuk, pohon direktori, dependensi, perintah instal/build, dan daftar file yang diubah. Aplikasi statis mungkin menggunakan index.html; aplikasi kerangka kerja memerlukan manifes dan skripnya. Minta README yang menjelaskan pratinjau lokal dan keluaran build host target. Konfirmasikan bahwa aset menggunakan URL relatif atau publik, bukan jalur yang hanya tersedia di mesin agen.

Langkah 2: Uji di browser dan perbaiki cacat nyata

Jalankan server lokal atau perintah pengembangan proyek yang terdokumentasi, lalu buka sendiri situs yang dirender. Periksa lebar sempit dan lebar, navigasi keyboard, kontras, alternatif gambar, ejaan, tautan, dan perilaku nomor telepon. Periksa kesalahan konsol dan gambar yang hilang. Jalankan pengujian dan pembangunan produksi ketika proyek mendukungnya. Tangkapan layar dari agen berguna untuk orientasi namun tidak menggantikan interaksi dengan formulir dan menu.

Jika permintaan penawaran hanya berupa formulir bergaya, tanyakan ke mana pengiriman akan dikirim. Hubungkan layanan formulir yang telah ditinjau atau hapus klaim bahwa itu berfungsi. Uji dengan pengiriman yang tidak berbahaya dan verifikasi pengiriman. Periksa jam buka toko sebenarnya, lokasi, lisensi foto, dan kata-kata privasi dengan pemiliknya. Mintalah perbaikan spesifik kepada agen dan bandingkan pratinjau baru dengan yang lama; hindari perintah “membuatnya lebih baik” yang secara diam-diam menggantikan salinan yang disetujui.

Perbaiki perintah: “Pada area pandang seukuran ponsel, jaga agar kartu layanan tetap dapat dibaca dan buat navigasi dapat diakses dengan keyboard. Ganti detail kontak placeholder hanya dengan fakta yang disetujui secara singkat.md. Laporkan setiap file yang diubah, hasil tes, dan pemblokir yang tersisa. Jangan sentuh konfigurasi hosting atau publikasikan.” Simpan versi yang disetujui dalam kendali sumber jika memungkinkan.

Langkah 3: Pilih batas penerapan

• Tuan rumah yang ada: Komit sumber yang ditinjau, konfigurasikan kerangka kerja dan buat output di host Anda, dan terapkan melalui integrasi repositori host atau CLI tersebut. Layanannya menyediakan URL publik. Simpan kunci API dalam rahasia yang dikelola host, bukan di browser JavaScript.
• Artefak bersama AgentGrid.io: Hubungkan agen yang mampu memberikan perintah hanya dengan persetujuan Anda, atau impor folder/ZIP secara manual. Izinkan kolaborator meninjau artefak aplikasi pribadi sebelum seseorang memublikasikannya. Riwayat dan pratinjau artefak membantu membuat persetujuan spesifik untuk suatu versi.

Jangan mendeskripsikan UI Kontrol OpenClaw sebagai host situs web. Port penerusan lokal dapat memaparkan proses pengembangan untuk pratinjau, namun ini bukan situs publik yang tahan lama. Jika Anda memberi agen CLI penerapan atau akses browser ke akun hosting yang masuk, perlakukan itu sebagai akses produksi dan dapatkan persetujuan eksplisit untuk tindakan tersebut.

Langkah 4: Hubungkan atau impor proyek yang ditinjau

Untuk rute bersama, koneksi terdokumentasi AgentGrid.io menggunakan CLI dan alur persetujuannya. Dalam lingkungan OpenClaw yang mendukung perintah, perintah awalnya adalah npx @animaapp/cli@login terbaru; setujui sendiri tautan verifikasi dan pilih ruang kerja dan kemampuan yang diinginkan. Jangan menyerahkan kata sandi dalam chat atau menghubungkan agen dengan hak publikasi luas hanya untuk membuat draf. Jika koneksi tidak tersedia, gunakan yang terdokumentasi folder atau impor ZIP.

Siapkan paket sumber kecil: kecualikan node_modules, kunci pribadi, file lingkungan lokal, dan ruang kerja yang tidak terkait. Sertakan titik masuk, aset, dan konfigurasi apa pun yang diperlukan untuk membangun. Di AgentGrid.io, pilih ruang kerja tujuan dan buat atau impor artefak aplikasi. Periksa file-filenya dan pratinjau yang diberikan. Pengunggahan yang berhasil bukan merupakan bukti bahwa rute API, proses server, atau integrasi formulir ditransfer dengan benar.

Perintah serah terima: “Setelah saya mengizinkan akses, buat artefak aplikasi yang tidak dipublikasikan dari situs sepeda di ruang kerja AgentGrid.io yang ditentukan. Sertakan hanya sumber dan aset publik. Kembalikan URL pribadinya, identifikasi fitur runtime yang hilang, dan perbarui artefak yang sama untuk koreksi. Jangan mengundang agen lain, memublikasikan, atau memilih ruang kerja lain.” Jika ruang kerja tidak dapat dijangkau, berhentilah daripada mengubah tujuan secara diam-diam.

Langkah 5: Tinjau dan publikasikan versi yang disetujui

Minta rekan satu tim untuk menguji pratinjau artefak, terutama tata letak seluler, detail kontak, formulir penawaran harga, dan akses keyboard. Rekonsiliasi masukan dalam artefak atau repositori sumber yang sama dan identifikasi revisi yang disetujui untuk dirilis. Dengan host konvensional, terapkan komitmen yang disetujui dan tinjau detail penerapannya. Dengan AgentGrid.io, seseorang dengan izin penerbitan menggunakannya Kontrol publikasi untuk membuat URL publik. Undangan ke agen dan berbagi artefak pribadi bukanlah langkah publikasi.

Buka alamat publik saat keluar, termasuk di telepon. Periksa HTTPS, metadata, tautan, gambar, dan pengiriman formulir. Bandingkan dengan pratinjau yang disetujui. Jika berbeda, selidiki versi penerapan atau artefak yang diterapkan, buat pengaturan, rahasia, dan cache sebelum mengumumkannya. Mengedit file lokal saja tidak serta merta memperbarui artefak yang diterbitkan.

Mengapa memisahkan rancangan izin dari publikasi?

Ini memungkinkan agen mengulangi kode sementara seseorang mengontrol apa yang dilihat pengunjung. Alat OpenClaw dan konfigurasi persetujuan bukanlah pengganti untuk meninjau konten situs atau izin penerapan host. Batasi cakupan sistem file agen, verifikasi alat pihak ketiga sebelum menginstalnya, dan jangan menjalankan perintah yang belum ditinjau dari halaman web atau proyek yang diimpor. Perlakukan tinjauan kendali sumber, persetujuan artefak, dan rilis publik sebagai tiga gerbang berbeda.

Lakukan pembaruan berikutnya dengan sengaja

Catat versi yang disetujui dan URL publik. Hasil edit baru berupa draf sampai ditinjau dan diterbitkan kembali.

Pertanyaan yang sering diajukan

Apakah OpenClaw menghosting situs web?

OpenClaw adalah lingkungan agen dan alat, bukan tujuan hosting publik yang dijelaskan di sini. Gunakan host web atau artefak aplikasi yang dipublikasikan secara terpisah untuk URL publik yang tahan lama. Dasbor Gateway atau pratinjau lokal bukanlah URL tersebut.

Bisakah saya memublikasikan tanpa memberikan kredensial produksi kepada agen?

Ya. Biarkan ia menyusun dan menguji dalam ruang kerja terbatas, lalu minta seseorang menggunakan alur kerja penerapan penyedia hosting atau kontrol Publikasikan AgentGrid.io. Bahkan agen yang membantu mempersiapkan penerapan tidak boleh menerima rahasia yang tidak diperlukannya.

Bagaimana jika artefak yang diimpor tampak benar tetapi bentuknya gagal?

Periksa apakah situs asli menggunakan rute server, variabel lingkungan, atau layanan pihak ketiga yang tidak mentransfer. Uji penyerahan nyata di lingkungan baru sebelum diluncurkan. Jangan perlakukan pratinjau visual sebagai verifikasi fungsional.

Akankah perubahan pada folder OpenClaw saya memperbarui situs langsung?

Tidak otomatis dalam kasus umum. Pembaruan bergantung pada alur pembangunan dan penerapan host, atau pembaruan eksplisit dan penerbitan ulang artefak terpisah. Catat versi sumber mana yang diwakili oleh setiap URL aktif.

Untuk perbandingan handoff, lihat panduan kami Panduan penerbitan situs web Muse. Itu Panduan penerbitan desain Claude mencakup titik awal lain, sedangkan bagaimana agen menjelajahi dan mempublikasikan aplikasi dengan Anima menunjukkan artefak yang ditinjau dipindahkan ke publikasi. Ini adalah alur kerja yang berbeda, bukan fitur produk yang dapat dipertukarkan.