Hướng dẫn bắt đầu nhanh này chỉ cho bạn cách sử dụng Firebase SQL Connect với công cụ viết mã bằng AI để nhanh chóng tạo các ứng dụng quan hệ, toàn ngăn xếp. Bằng cách 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 mẫu hoặc định cấu hình đ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 lược đồ PostgreSQL an toàn, các thao tác GraphQL và giao diện người dùng React hoàn chỉnh. Bạn có thể sử dụng những gì mình 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 môi trường của bạn được thiết lập với những nội dung sau. Nếu bạn cần 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ụ viết mã bằng AI: Cài đặ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ụ viết mã bằng AI mà bạn muốn dùng và 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ụ và chạy lệnh khởi chạy:
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 tuỳ chọn để:
- Tạo một dự án Firebase mới
- Bỏ qua bước tạo lược đồ Gemini
- Tạo một phiên bản Cloud SQL mới
- Tạo mẫu React
- Chọn Có để cài đặt Kỹ năng của tác nhân cho Firebase
Tạo ứng dụng bằng AI
Sau khi cài đặt Kỹ năng của tác nhân Firebase, trợ lý AI có thể tạo lược đồ, 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: Cửa hàng trực tuyến 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 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.
Những nội dung mà Trợ lý AI tạo
Khi bạn chạy các câu lệnh này, trợ lý AI sẽ tự động xử lý các công việc kỹ thuật phức tạp:
- Lược đồ cơ sở dữ liệu (
dataconnect/schema/schema.gql): Dịch 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. - Thao tác GraphQL (
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 SDK máy khách được nhập nghiêm ngặt dựa trên lược đồ và 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 tạo kiểu đẹp mắt, sử dụng SDK đã tạo để giao tiếp với phần phụ trợ mới.
Triển khai lên kênh phát hành công khai
Để triển khai lược đồ, truy vấn và đột biến lên kênh 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 thực thể Cloud SQL.
Các bước tiếp theo
Bây giờ 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á kho lưu trữ ứng dụng bắt đầu nhanh và tạo ứ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ề lược đồ, truy vấn và đột biến phát triển.
- Tìm hiểu thêm về SDK máy khách và SDK quản trị.