Hướng dẫn khởi động nhanh này cho bạn biết cách sử dụng Firebase SQL Connect với công cụ lập trình AI để nhanh chóng tạo các ứng dụng quan hệ full-stack. Khi trang bị cho tác nhân của bạn các Kỹ năng của tác nhân Firebase, bạn sẽ không cần viết mã cơ sở dữ liệu chung hoặc định cấu hình các điểm cuối theo cách thủ công. Bạn sẽ tìm hiểu cách thiết lập dự án cục bộ, định cấu hình trợ lý AI và sử dụng một câu lệnh duy nhất để tạo giản đồ PostgreSQL bảo mật, các thao tác GraphQL và một giao diện người dùng React hoàn chỉnh. Bạn có thể sử dụng những kiến thức học được tại đây để tạo giao diện người dùng cho bất kỳ nền tảng nào mà Firebase SQL Connect hỗ trợ.
Trước khi bắt đầu
Để hoàn tất hướng dẫn bắt đầu nhanh này, hãy đảm bảo rằng bạn đã thiết lập môi trường của mình với những nội dung sau. Nếu bạn cần được trợ giúp từng bước cho hệ điều hành cụ thể của mình, hãy xem hướng dẫn thiết lập tiêu chuẩn:
- Node.js: Cài đặt Node.js để chạy Firebase CLI và cung cấp năng lượng cho giao diện người dùng React đã tạo.
Firebase CLI: Cài đặt Firebase CLI trên toàn cầu:
npm install -g firebase-toolsCông cụ lập trình AI: Cài đặt một trình chỉnh sửa hiện đại dựa trên AI (chẳng hạn như Antigravity, Android Studio, Cursor hoặc Windsurf).
Thiết lập không gian làm việc
Trước tiên, hãy mở công cụ lập trình AI mà bạn muốn dùng rồi tạo một thư mục dự án mới. Mở thiết bị đầu cuối tích hợp của công cụ rồi chạy lệnh khởi tạo:
firebase init dataconnect
Lệnh này hướng dẫn bạn cách khởi chạy dự án. Khi được nhắc, hãy chọn các lựa chọn để:
- Tạo một dự án Firebase mới
- Bỏ qua bước tạo giản đồ Gemini
- Tạo một phiên bản Cloud SQL mới
- Tạo mẫu React
- Chọn Yes (Có) để cài đặt Kỹ năng của tác nhân cho Firebase
Tạo ứng dụng bằng AI
Khi bạn cài đặt Firebase Agent Skills, trợ lý AI có thể tạo giản đồ, thao tác và mã giao diện người dùng SQL Connect trực tiếp từ một câu lệnh cấp cao.
Sao chép và dán một trong các câu lệnh sau vào trợ lý AI để tạo phần phụ trợ, mối quan hệ cơ sở dữ liệu và giao diện người dùng React:
Ví dụ 1: Ứng dụng đánh giá phim
Câu lệnh:
Build a movie review website using Firebase SQL Connect. Customers can browse
a catalog of movies presented in a modern card layout displaying average
ratings and review counts, and leave a review from 1 to 5 stars. A user must
only be allowed to leave a single review per movie. Build a styled React
(Vite) frontend that displays the catalog and dynamically renders a live feed
of new reviews. Compile the database backend and React frontend, seed the
database with sample data, and verify that the application builds cleanly and
all core user flows run successfully.
Ví dụ 2: Trang chủ cửa hàng thương mại điện tử
Câu lệnh:
Build an online storefront using Firebase SQL Connect. Customers can browse
product cards showing prices and stock levels, manage a shopping cart, and
check out securely. The checkout transaction must atomically verify that
their cart is not empty, check that products are in stock, create the order,
and decrease the product stock, safely rolling back if any step fails.
Build a highly responsive React (Vite) storefront with a polished checkout
process. Compile the database backend and React frontend, seed the database
with sample data, and verify that the application builds cleanly and all
core user flows run successfully.
Ví dụ 3: Blog có nhiều tác giả
Câu lệnh:
Create a multi-author blog platform using Firebase SQL Connect. The homepage
should display published articles formatted in an elegant typographic layout
with comfortable reading line lengths and serif headings. Users should have
access to a secure split-pane writing dashboard built using React (Vite) to
compose posts with a live preview. Compile the database backend and React
frontend, seed the database with sample data, and verify that the
application builds cleanly and all core user flows run successfully.
Nội dung mà Trợ lý AI tạo ra
Khi bạn chạy những câu lệnh này, trợ lý AI sẽ tự động xử lý những công việc kỹ thuật phức tạp:
- Cấu trúc cơ sở dữ liệu (
dataconnect/schema/schema.gql): Chuyển các yêu cầu của bạn thành các bảng quan hệ bằng cách sử dụng chỉ thị@table, tự động quản lý khoá ngoài và khoá chính. - GraphQL Operations (
dataconnect/[connector_name]/*.gql): Tạo các truy vấn và đột biến chính xác mà ứng dụng của bạn yêu cầu, được bảo mật bằng chỉ thị@auth. - SDK đã tạo (
src/dataconnect/): Sử dụng Firebase CLI để tạo ngay một SDK ứng dụng có kiểu dữ liệu nghiêm ngặt dựa trên giản đồ và các thao tác của bạn. - Giao diện người dùng React (
src/): Kết nối một ứng dụng React hoàn chỉnh, có kiểu dáng đẹp mắt, sử dụng SDK đã tạo để giao tiếp với phần phụ trợ mới.
Triển khai cho kênh phát hành công khai
Để triển khai giản đồ, truy vấn và đột biến của bạn cho bản phát hành công khai, hãy chạy lệnh sau trong thiết bị đầu cuối:
firebase deploy --only dataconnect
Sau khi triển khai, hãy truy cập vào bảng điều khiển của Firebase để xem giản đồ trực tiếp và chạy các thao tác trực tiếp trên phiên bản Cloud SQL.
Các bước tiếp theo
Giờ đây, bạn đã hoàn tất hướng dẫn bắt đầu nhanh. Sau đây là một số bước tiếp theo:
- Khám phá một kho lưu trữ ứng dụng khởi động nhanh và tạo một ứng dụng SQL Connect bằng cách làm theo các lớp học lập trình của chúng tôi.
- Thêm dữ liệu vào cơ sở dữ liệu và theo dõi dịch vụ SQL Connect trong bảng điều khiển của Firebase.
- Tìm hiểu thêm về việc phát triển lược đồ, truy vấn và đột biến.
- Tìm hiểu thêm về SDK ứng dụng và SDK quản trị.