• Tiếng Việt

      • Bắt đầu nhanh với AI Development Plugin

      AI Development Plugin là khả năng phát triển plugin có sự hỗ trợ của AI do NocoBase cung cấp — bạn có thể mô tả nhu cầu bằng ngôn ngữ tự nhiên, AI sẽ tự động sinh mã frontend và backend hoàn chỉnh, bao gồm bảng dữ liệu, API, Block frontend, quyền và quốc tế hóa. Mang đến trải nghiệm phát triển plugin hiện đại và hiệu quả hơn.

      Khả năng AI Development Plugin được xây dựng dựa trên Skill nocobase-plugin-development. Nếu bạn đã khởi tạo qua NocoBase CLI (nb init), Skill này sẽ được cài đặt tự động.

      Bắt đầu nhanh

      Nếu bạn đã cài đặt NocoBase CLI, có thể bỏ qua bước này.

      Cài đặt AI một bước

      Sao chép đoạn prompt bên dưới gửi cho trợ lý AI của bạn (Claude Code, Codex, Cursor, Trae, v.v.) để hoàn tất cài đặt và cấu hình tự động:

      Hãy giúp tôi cài đặt NocoBase CLI và hoàn tất khởi tạo: https://docs.nocobase.com/cn/ai/ai-quick-start.md (vui lòng truy cập trực tiếp nội dung liên kết)

      Cài đặt thủ công

      npm install -g @nocobase/cli@beta
nb init --ui

      Trình duyệt sẽ tự động mở trang cấu hình trực quan, hướng dẫn bạn cài đặt NocoBase Skills, cấu hình cơ sở dữ liệu và khởi động ứng dụng. Xem các bước chi tiết tại Bắt đầu nhanh.

      Lưu ý
      • NocoBase đang chuyển từ client (v1) sang client-v2, hiện client-v2 vẫn đang trong quá trình phát triển. Mã client do AI Development sinh ra dựa trên client-v2, chỉ có thể dùng dưới đường dẫn /v2/, dùng để trải nghiệm trước, không khuyến nghị dùng trực tiếp trong môi trường production.
      • Mã do AI sinh ra không phải lúc nào cũng đúng 100%, khuyến nghị review trước khi enable. Nếu gặp vấn đề khi runtime, có thể gửi thông báo lỗi cho AI để nó tiếp tục kiểm tra và sửa — thường vài lượt trao đổi là giải quyết được.
      • Khuyến nghị dùng các mô hình lớn họ GPT hoặc Claude để phát triển, hiệu quả tốt nhất. Các mô hình khác cũng có thể dùng, tuy nhiên chất lượng sinh có thể có sự khác biệt.

      Từ một câu mô tả đến một plugin hoàn chỉnh

      Sau khi cài đặt, bạn có thể trực tiếp dùng ngôn ngữ tự nhiên để nói với AI bạn muốn phát triển plugin gì. Dưới đây là một vài tình huống thực tế, để bạn cảm nhận khả năng của AI Development Plugin.

      Phát triển plugin watermark bằng một câu

      Chỉ với một câu prompt, AI có thể giúp bạn sinh một plugin watermark hoàn chỉnh — bao gồm logic render frontend, kiểm tra chống can thiệp, API lưu cài đặt backend và trang cài đặt plugin.

      Hãy dùng nocobase-plugin-development skill để phát triển một plugin watermark cho NocoBase,
yêu cầu: phủ watermark bán trong suốt lên trang, hiển thị tên Người dùng đang đăng nhập, ngăn chặn rò rỉ qua chụp màn hình.
Định kỳ kiểm tra DOM của watermark có bị xóa hay không, nếu bị xóa thì sinh lại.
Trong trang cài đặt plugin hỗ trợ cấu hình nội dung watermark, độ trong suốt và cỡ chữ.
Tên plugin là @my-project/plugin-watermark

      Toàn bộ quá trình bạn chỉ cần mô tả nhu cầu và đưa ra quyết định, phần còn lại AI sẽ tự xử lý. Muốn xem toàn bộ quá trình? → Thực hành: Phát triển plugin watermark

      Tạo một component Field tùy chỉnh bằng một câu

      Bạn muốn Field kiểu integer hiển thị thành dạng đánh giá sao? Nói cho AI hiệu ứng hiển thị bạn muốn, AI sẽ giúp bạn sinh một FieldModel tùy chỉnh, thay thế component render Field mặc định.

      Hãy dùng nocobase-plugin-development skill để giúp tôi phát triển một plugin NocoBase, tên là @my-scope/plugin-rating,
tạo một component hiển thị Field tùy chỉnh (FieldModel), render Field kiểu integer thành biểu tượng ngôi sao,
hỗ trợ 1-5 điểm, click vào sao có thể trực tiếp sửa giá trị đánh giá và lưu vào cơ sở dữ liệu.

      Hiệu ứng hiển thị component Rating

      Muốn tìm hiểu thêm cách dùng các khả năng, xem Các khả năng được hỗ trợ.

      AI có thể giúp bạn làm gì

      Tôi muốn…AI có thể giúp bạn
      Tạo một plugin mớiSinh scaffold hoàn chỉnh, bao gồm cấu trúc thư mục frontend/backend
      Định nghĩa bảng dữ liệuSinh định nghĩa Collection, hỗ trợ tất cả kiểu Field và quan hệ liên kết
      Tạo một Block tùy chỉnhSinh BlockModel + bảng cấu hình + đăng ký vào menu "Thêm Block"
      Tạo một Field tùy chỉnhSinh FieldModel + ràng buộc với interface Field
      Thêm nút Action tùy chỉnhSinh ActionModel + popup/drawer/hộp xác nhận
      Tạo trang cài đặt pluginSinh form frontend + API backend + lưu trữ
      Viết API tùy chỉnhSinh Resource Action + đăng ký route + cấu hình ACL
      Cấu hình quyềnSinh quy tắc ACL, kiểm soát truy cập theo vai trò
      Hỗ trợ đa ngôn ngữTự động sinh language pack tiếng Trung và tiếng Anh
      Viết script nâng cấpSinh Migration, hỗ trợ DDL và migration dữ liệu

      Mô tả chi tiết và prompt mẫu của từng khả năng → Các khả năng được hỗ trợ

      Liên kết liên quan