OpenClaw: Cách xuất bản trang web một cách an toàn24 min read

OpenClaw có thể giúp xây dựng một trang web, nhưng nó không phải là máy chủ lưu trữ trang web. Yêu cầu nhân viên tạo tệp nguồn, chạy trang web cục bộ và sửa những gì trình duyệt hiển thị. Sau đó triển khai thông qua nền tảng lưu trữ mà bạn kiểm soát hoặc đặt dự án vào một tạo phẩm AgentGrid.io có thể xem xét và chỉ xuất bản sau khi có sự chấp thuận của con người. Ảnh chụp màn hình trò chuyện, cổng cục bộ hoặc URL giả tạo riêng tư không phải là URL khởi chạy hướng tới khách hàng.

Hướng dẫn này dành cho người xây dựng sử dụng tác nhân OpenClaw với các công cụ lệnh và tệp. Quyết định quan trọng nhất của nó là ranh giới cho phép: đại lý có thể soạn thảo và kiểm tra mà không cần có thông tin xác thực sản xuất. Nếu một nhóm cần kiểm tra một phiên bản được chia sẻ trước khi phát hành, bắt đầu không gian làm việc AgentGrid.io và tiếp tục xuất bản dưới dạng hành động được phê duyệt riêng biệt.

Cách cung cấp cho trang web do OpenClaw xây dựng một ngôi nhà ổn định

Trước tiên, hãy chuẩn bị AgentGrid.io, sau đó cấp cho OpenClaw quyền truy cập có giới hạn và xác minh kết quả của nó bên ngoài cuộc trò chuyện.

Bước 1: Chọn không gian làm việc AgentGrid.io

Đăng nhập tại app.agentgrid.io rồi chọn nhóm và không gian làm việc cho trang web này. Sử dụng không gian làm việc hạn chế nếu bản nháp có chứa tài liệu của khách hàng. Lập kế hoạch ai sẽ xem xét nó trước khi triển khai công khai.

Bước 2: Kết nối tác nhân OpenClaw này với mức trợ cấp có giới hạn

Trong cuộc trò chuyện OpenClaw, hãy nói: 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. Tự phê duyệt xác minh với không gian làm việc dự định và Đọc và Viết. Tắt tính năng Chia sẻ và Xuất bản trừ khi cần thiết. Yêu cầu OpenClaw chạy npx @animaapp/cli@latest workspaces và xác nhận không gian làm việc dự định được liệt kê. Đối với đại lý không được giám sát, hãy sử dụng Quản trị đại lý → Mời đại lý. Bỏ chọn các khả năng Chia sẻ và Xuất bản mặc định, chọn không gian làm việc rồi phân phối liên kết một lần của nó một cách riêng tư. Chỉ tạo lời mời thôi sẽ không kết nối được lời mời đó. Nếu việc thực thi shell bị vô hiệu hóa, hãy sử dụng tính năng nhập thủ công thay vì tuyên bố rằng nó có quyền truy cập trực tiếp.

Bước 3: Xây dựng và kiểm tra hiện vật, không chỉ nhật ký

Cung cấp cho OpenClaw một tác vụ có sẵn: Xây dựng một trang web nhỏ về sự kiện đáp ứng với lịch trình, thẻ diễn giả và liên kết đăng ký. Sử dụng bản sao và nội dung đã được phê duyệt, kiểm tra trang cục bộ và đặt dự án trên AgentGrid.io làm ứng dụng trong không gian làm việc mà chúng tôi đã chọn. Đừng xuất bản nó. Yêu cầu nó sử dụng lệnh nhập CLI npx @animaapp/cli@latest create -t import --from ./project --artifact-type app --workspace <workspace-id> với thư mục thực tế của nó và ID không gian làm việc được phát hiện. Mở URL tạo tác được trả về và xác minh tệp cũng như bản xem trước. Một trang web cần một điểm vào như index.html; tránh tải lên bí mật, node_moduleshoặc xây dựng đầu ra. Nếu OpenClaw không thể kết nối, hãy lấy thư mục dự án hoặc ZIP đã tạo và nhập nó qua menu Mới của AgentGrid.io. Đó là một hiện vật mới, không phải là một tấm gương sống. Đối với công việc định kỳ, hãy cung cấp cho tổng đài viên URL cấu phần phần mềm hiện có và yêu cầu nó cập nhật cấu phần phần mềm đó, sau đó kiểm tra Lịch sử để xác nhận danh tính nào đã thay đổi cấu phần đó.

Bước 4: Phê duyệt xuất bản và kiểm tra URL trực tiếp

Xem xét các xác nhận quyền sở hữu, thông tin cơ bản về khả năng truy cập, hành vi trên thiết bị di động và liên kết đích. Chỉ sau đó mới sử dụng Xuất bản trong AgentGrid.io hoặc cung cấp cho OpenClaw hướng dẫn xuất bản rõ ràng nếu bạn cố tình cấp khả năng đó. Mở URL công khai trong trình duyệt đã đăng xuất và xác nhận có phiên bản hiện tại. Liên kết riêng tư không hoạt động đối với khách truy cập ẩn danh; xuất bản mỗi bản cập nhật đã được phê duyệt. Nếu tác nhân tự động ngừng thay đổi trang web, hãy xóa quyền truy cập của nó trong quản trị Tác nhân; công việc trước đó của nó vẫn được ghi nhận trong Lịch sử.

OpenClaw làm gì và không làm gì

OpenClaw của tài liệu bắt đầu mô tả một tác nhân được truy cập thông qua Cổng và các kênh được định cấu hình của nó. Các công cụ của nó có thể hoạt động với các tập tin và lệnh khi được bật. Công cụ trình duyệt của nó giúp kiểm tra các trang, nhưng bảng điều khiển Gateway hoặc phiên trình duyệt không phải là hoạt động triển khai trang web công cộng. OpenClaw của phê duyệt điều hành và cài đặt hộp cát quan trọng vì tác nhân có khả năng ra lệnh có thể sửa đổi tệp hoặc gọi CLI triển khai của máy chủ. Chỉ cấp cho nó quyền truy cập cần thiết cho giai đoạn hiện tại.

Bước 1: Tạo một tác vụ trang web bị ràng buộc

Xác nhận tác nhân có không gian làm việc của dự án cũng như các công cụ thực thi và tệp cần thiết. Chọn một thư mục hoặc kho lưu trữ sạch chứ không phải toàn bộ thư mục chính của bạn. Cung cấp logo, hình ảnh, bản sao và thông tin kinh doanh đã được phê duyệt. Không cung cấp mã thông báo triển khai hoặc dữ liệu khách hàng cho quá trình xây dựng trang đích ban đầu. Đặt tên cho khung hoặc yêu cầu một trang tĩnh nếu không yêu cầu chức năng phía máy chủ.

Lời nhắc ví dụ: “Tạo một trang web đáp ứng nhanh cho một cửa hàng sửa chữa xe đạp địa phương trong thư mục địa điểm xe đạp. Bao gồm các dịch vụ, giờ làm việc, khu vực dịch vụ và lời kêu gọi hành động yêu cầu báo giá. Sử dụng HTML ngữ nghĩa và CSS có thể truy cập. Đánh dấu các địa chỉ, giá cả và lời chứng thực chưa được xác minh làm phần giữ chỗ. Giữ nguồn và nội dung công cộng cùng nhau. Hãy cho tôi biết cách xem trước và chạy các bước kiểm tra có sẵn. Không triển khai, xuất bản hoặc sử dụng thông tin xác thực.”

Yêu cầu OpenClaw trả về điểm vào, cây thư mục, các phần phụ thuộc, lệnh cài đặt/xây dựng và danh sách các tệp đã thay đổi. Một ứng dụng tĩnh có thể sử dụng index.html; một ứng dụng khung cần có bảng kê khai và tập lệnh của nó. Yêu cầu README giải thích bản xem trước cục bộ và đầu ra bản dựng của máy chủ đích. Xác nhận nội dung sử dụng URL tương đối hoặc công khai, không phải đường dẫn chỉ có trên máy của đại lý.

Bước 2: Kiểm tra trên trình duyệt và sửa các lỗi thực sự

Chạy lệnh phát triển hoặc máy chủ cục bộ được ghi lại của dự án, sau đó tự mở trang được kết xuất. Kiểm tra độ rộng hẹp và rộng, điều hướng bàn phím, độ tương phản, lựa chọn thay thế hình ảnh, chính tả, liên kết và hành vi của số điện thoại. Kiểm tra lỗi bảng điều khiển và hình ảnh bị thiếu. Chạy thử nghiệm và xây dựng sản xuất khi dự án hỗ trợ chúng. Ảnh chụp màn hình từ nhân viên hỗ trợ hữu ích cho việc định hướng nhưng không thay thế cho việc tương tác với các biểu mẫu và menu.

Nếu yêu cầu báo giá chỉ là một biểu mẫu theo kiểu, hãy hỏi nơi gửi yêu cầu. Kết nối một dịch vụ biểu mẫu đã được đánh giá hoặc xóa xác nhận rằng nó hoạt động. Kiểm tra bằng cách gửi vô hại và xác minh việc gửi. Kiểm tra giờ hoạt động thực tế, địa điểm, giấy phép chụp ảnh và quy định về quyền riêng tư của cửa hàng với chủ cửa hàng. Yêu cầu đại lý đưa ra các bản sửa lỗi cụ thể và so sánh bản xem trước mới với bản xem trước cũ; tránh nhắc nhở “làm cho nó tốt hơn” âm thầm thay thế bản sao đã được phê duyệt.

Sửa lời nhắc: “Trên khung nhìn có kích thước bằng điện thoại, hãy giữ cho thẻ dịch vụ có thể đọc được và giúp điều hướng có thể truy cập được bằng bàn phím. Chỉ thay thế chi tiết liên hệ của phần giữ chỗ bằng thông tin đã được phê duyệt trong bản tóm tắt.md. Báo cáo từng tệp đã thay đổi, kết quả kiểm tra và trình chặn còn lại. Không chạm vào cấu hình lưu trữ hoặc xuất bản.” Giữ phiên bản đã được phê duyệt trong kiểm soát nguồn khi có thể.

Bước 3: Chọn ranh giới triển khai

• Máy chủ hiện tại: Cam kết nguồn đã đánh giá, đặt cấu hình khung và đầu ra bản dựng trong máy chủ của bạn, đồng thời triển khai thông qua tích hợp kho lưu trữ hoặc CLI của máy chủ đó. Dịch vụ của nó cung cấp URL công khai. Giữ các khóa API trong bí mật do máy chủ quản lý, không phải trong trình duyệt JavaScript.
• Tạo tác được chia sẻ AgentGrid.io: Chỉ kết nối tác nhân có khả năng ra lệnh khi có sự chấp thuận của bạn hoặc nhập thư mục/ZIP theo cách thủ công. Cho phép cộng tác viên xem xét cấu phần phần mềm ứng dụng riêng tư trước khi một người xuất bản nó. Lịch sử và bản xem trước của tạo phẩm giúp đưa ra phê duyệt cụ thể cho một phiên bản.

Không mô tả Giao diện người dùng điều khiển OpenClaw là máy chủ lưu trữ trang web. Cổng chuyển tiếp cục bộ có thể hiển thị quá trình phát triển để xem trước, nhưng nó không phải là một trang công cộng lâu dài. Nếu bạn cấp cho tổng đài viên CLI triển khai hoặc quyền truy cập trình duyệt vào tài khoản lưu trữ đã đăng nhập, hãy coi đó là quyền truy cập sản xuất và nhận được sự chấp thuận rõ ràng cho hành động đó.

Bước 4: Kết nối hoặc nhập dự án đã xem xét

Đối với tuyến được chia sẻ, kết nối được ghi lại của AgentGrid.io sử dụng CLI và luồng phê duyệt. Trong môi trường OpenClaw có khả năng ra lệnh, lệnh bắt đầu là npx @animaapp/cli@đăng nhập mới nhất; Tự mình phê duyệt liên kết xác minh và chọn không gian làm việc cũng như khả năng dự định. Không cung cấp mật khẩu trong cuộc trò chuyện hoặc kết nối một đại lý có quyền xuất bản rộng rãi chỉ để tạo bản nháp. Nếu không có kết nối, hãy sử dụng tài liệu nhập thư mục hoặc ZIP.

Chuẩn bị một gói nguồn nhỏ: loại trừ node_modules, khóa riêng, tệp môi trường cục bộ và không gian làm việc không liên quan. Bao gồm điểm vào, nội dung và mọi cấu hình cần thiết để xây dựng. Trong AgentGrid.io, chọn không gian làm việc đích và tạo hoặc nhập tạo phẩm ứng dụng. Kiểm tra các tập tin của nó và xem trước kết xuất. Tải lên thành công không phải là bằng chứng cho thấy tuyến API, quy trình máy chủ hoặc tích hợp biểu mẫu được chuyển chính xác.

Lời nhắc bàn giao: “Sau khi tôi cấp quyền truy cập, hãy tạo một cấu phần phần mềm ứng dụng chưa được xuất bản từ trang web xe đạp trong không gian làm việc AgentGrid.io được chỉ định. Chỉ bao gồm các tài sản nguồn và công cộng. Trả lại URL riêng tư của nó, xác định các tính năng thời gian chạy bị thiếu và cập nhật cùng một cấu phần phần mềm đó để sửa chữa. Không mời các đại lý khác, xuất bản hoặc chọn một không gian làm việc khác.” Nếu không thể truy cập vào không gian làm việc, hãy dừng lại thay vì âm thầm thay đổi đích đến.

Bước 5: Xem xét và xuất bản phiên bản đã được phê duyệt

Yêu cầu đồng đội kiểm tra bản xem trước tạo phẩm, đặc biệt là bố cục trên thiết bị di động, chi tiết liên hệ, biểu mẫu báo giá và quyền truy cập bằng bàn phím. Điều chỉnh phản hồi trong cùng một kho lưu trữ nguồn hoặc tạo phẩm và xác định bản sửa đổi đã được phê duyệt để phát hành. Với máy chủ thông thường, hãy triển khai cam kết đã được phê duyệt và xem xét chi tiết triển khai. Với AgentGrid.io, người có quyền xuất bản sẽ sử dụng Kiểm soát xuất bản để tạo một URL công khai. Lời mời đến một đại lý và chia sẻ một tạo phẩm riêng tư không phải là bước xuất bản.

Mở địa chỉ công khai khi đã đăng xuất, kể cả trên điện thoại. Kiểm tra HTTPS, siêu dữ liệu, liên kết, hình ảnh và phân phối biểu mẫu. So sánh nó với bản xem trước đã được phê duyệt. Nếu có sự khác biệt, hãy điều tra phiên bản cam kết hoặc tạo phẩm đã triển khai, cài đặt bản dựng, bí mật và bộ nhớ đệm trước khi công bố. Chỉ chỉnh sửa các tệp cục bộ sẽ không nhất thiết phải cập nhật một tạo phẩm đã xuất bản.

Tại sao phải tách quyền dự thảo khỏi quyền xuất bản?

Nó cho phép một tác nhân lặp lại mã trong khi một người kiểm soát những gì khách truy cập nhìn thấy. Cấu hình phê duyệt và công cụ của OpenClaw không thay thế cho việc xem xét nội dung trang web hoặc quyền triển khai của máy chủ. Giới hạn phạm vi hệ thống tệp của tác nhân, xác minh các công cụ của bên thứ ba trước khi cài đặt chúng và không chạy các lệnh chưa được xem xét từ trang web hoặc dự án đã nhập. Hãy coi việc đánh giá kiểm soát nguồn, phê duyệt tạo phẩm và phát hành công khai như ba cổng riêng biệt.

Thực hiện cập nhật tiếp theo có chủ ý

Ghi lại phiên bản đã được phê duyệt và URL công khai. Các chỉnh sửa mới là bản nháp cho đến khi được xem xét và xuất bản lại.

Câu hỏi thường gặp

OpenClaw có lưu trữ trang web không?

OpenClaw là môi trường tác nhân và công cụ, không phải đích lưu trữ công cộng được mô tả ở đây. Sử dụng máy chủ web hoặc cấu phần phần mềm ứng dụng được xuất bản riêng để có URL công khai lâu dài. Trang tổng quan Cổng hoặc bản xem trước cục bộ không phải là URL đó.

Tôi có thể xuất bản mà không cần cung cấp thông tin xác thực sản xuất của đại lý không?

Vâng. Hãy để nó phác thảo và kiểm tra trong một không gian làm việc hạn chế, sau đó yêu cầu một người sử dụng quy trình triển khai của nhà cung cấp dịch vụ lưu trữ hoặc kiểm soát Xuất bản của AgentGrid.io. Ngay cả một tác nhân giúp chuẩn bị triển khai cũng không được nhận những bí mật mà nó không cần.

Điều gì sẽ xảy ra nếu hiện vật được nhập trông có vẻ ổn nhưng hình thức của nó lại không thành công?

Kiểm tra xem trang web ban đầu có sử dụng tuyến máy chủ, biến môi trường hay dịch vụ của bên thứ ba không được chuyển hay không. Kiểm tra bản gửi thực sự trong môi trường mới trước khi ra mắt. Không coi bản xem trước trực quan là xác minh chức năng.

Những thay đổi trong thư mục OpenClaw của tôi có cập nhật trang web trực tiếp không?

Không tự động trong trường hợp chung. Bản cập nhật phụ thuộc vào quy trình xây dựng và triển khai của máy chủ hoặc bản cập nhật rõ ràng và xuất bản lại một tạo phẩm riêng biệt. Ghi lại phiên bản nguồn mà mỗi URL trực tiếp đại diện.

Để so sánh việc chuyển giao, hãy xem hướng dẫn của chúng tôi về Hướng dẫn xuất bản trang web Muse. các Hướng dẫn xuất bản thiết kế Claude bao gồm một điểm khởi đầu khác, trong khi cách các đại lý khám phá và xuất bản ứng dụng với Anima hiển thị một tạo phẩm đã được đánh giá đang chuyển sang xuất bản. Đây là những quy trình công việc khác nhau, không thể thay thế cho nhau các tính năng của sản phẩm.