Firebase Studio: Bài đánh giá thẳng thắn kèm ví dụ

Firebase cung cấp một bộ công cụ mạnh mẽ bao quát mọi thứ bạn cần để xây dựng các ứng dụng web và di động hiện đại. Đây là cái tên quen thuộc trong giới lập trình và từ lâu đã là backend ưa thích của các startup, với những tính năng tuyệt vời như xác thực, lưu trữ đám mây, cơ sở dữ liệu thời gian thực và hàm serverless.

Google hiện đang tiến thêm một bước với Firebase Studio, một môi trường phát triển tích hợp AI mới được thiết kế để giúp bạn đi từ ý tưởng đến MVP chỉ trong vài phút. Tương tự như Replit và Lovable, Firebase Studio cho phép xây dựng ứng dụng full‑stack chỉ với một lời nhắc.

Trong bài viết này, chúng ta sẽ khám phá Firebase Studio là gì và cách nó hoạt động. Tôi sẽ cho bạn thấy cách tôi dùng nó để xây dựng một bảng điều khiển IoT từ con số 0 và chia sẻ ấn tượng đầu tiên của mình!

Chúng tôi luôn cập nhật cho độc giả những tin mới nhất về AI qua The Median, bản tin miễn phí phát hành thứ Sáu hằng tuần, tóm lược các câu chuyện đáng chú ý. Đăng ký để không bỏ lỡ, chỉ mất vài phút mỗi tuần:

Firebase Studio của Google là gì?

Firebase Studio là công cụ phát triển tích hợp AI mới của Google, cho phép bạn xây dựng ứng dụng full‑stack bằng các lời nhắc ngôn ngữ tự nhiên. 

Thực tế, đây là bước phát triển tiếp theo của Project IDX, một IDE đám mây mà Google ra mắt năm 2023. Project IDX tập trung vào việc trở thành IDE đám mây đa dụng có hỗ trợ AI, nhưng việc đổi tên thành Firebase Studio đã thu hẹp trọng tâm để tối ưu trải nghiệm cho nhà phát triển Firebase. Nó kế thừa những phần tốt nhất của IDX, như trình soạn thảo Code OSS, trợ lý AI và môi trường đám mây, đồng thời bổ sung tích hợp với các dịch vụ Firebase như Firestore, Auth, Hosting và Cloud Functions.

Firebase Studio được công bố trong đợt tái định vị thương hiệu năm 2024 của Firebase, và là câu trả lời của Firebase cho làn sóng công cụ phát triển “thuần AI” đang gia tăng.

Cách truy cập Firebase Studio

Bạn có thể dùng thử Firebase Studio ngay bây giờ bằng cách truy cập studio.firebase.google.com. Bạn chỉ cần một tài khoản Google. Khi vào được, bạn có thể nhập một lời nhắc mô tả ứng dụng muốn xây dựng và Firebase Studio sẽ tạo một dự án sẵn sàng chạy với các công cụ Firebase ở lớp nền. 

Giá của Firebase Studio

Firebase Studio miễn phí trong thời gian xem trước. Mặc định, bạn có thể tạo tối đa 3 không gian làm việc mà không tốn phí. Tuy nhiên, một số dịch vụ tích hợp như Firebase App Hosting hoặc vượt hạn ngạch miễn phí của Gemini API sẽ yêu cầu liên kết tài khoản thanh toán và có thể phát sinh chi phí. Dự án Firebase của bạn sẽ tự động nâng cấp lên gói Blaze (trả theo mức dùng), và bạn sẽ bị tính phí cho mọi mức sử dụng vượt quá hạn ngạch miễn phí.

Tuy vậy, nếu bạn chủ yếu dùng Firebase Studio cho việc tạo mẫu và các tác vụ phát triển, bạn sẽ nằm trong giới hạn không gian làm việc miễn phí và có thể khám phá Firebase Studio mà không phát sinh chi phí.

Bài kiểm thử 1: Ứng dụng bảng điều khiển IoT từ lời nhắc

Đầu tiên, tôi quyết định kiểm thử khả năng tạo ứng dụng từ lời nhắc. Khi thử các công cụ xây ứng dụng dùng AI, tôi thích dùng một lời nhắc hơi phức tạp để thật sự kiểm tra hành vi của công cụ. Ứng dụng danh sách việc cần làm thường cho kết quả tốt, nhưng một ứng dụng phức tạp hơn sẽ làm nổi bật những điểm mạnh và điểm yếu của công cụ.

Vì vậy, lời nhắc của tôi như sau:

Sau khi nhấn nút “Prototype with AI” và đợi khoảng một phút, tôi vẫn nhìn chằm chằm vào màn hình trống.

Tải lại trang không giúp ích gì, nên tôi quyết định xóa không gian làm việc và thử lại. Lần này, tôi được hiển thị một kế hoạch cho ứng dụng của mình:

Tôi khá ấn tượng vì nó đã tạo ra một số hướng dẫn về phong cách mà tôi có thể chỉnh sửa (ví dụ, tôi có thể đổi màu chỉ bằng cách nhấp vào chúng). 

Tuy nhiên, nếu bạn nhìn vào phần tính năng, bạn sẽ thấy nó bỏ qua yêu cầu Cloud Function và Firestore mà tôi đã nêu trong lời nhắc. Dù sao, tôi thấy như vậy cũng khá sát yêu cầu và tiếp tục với kế hoạch, tò mò xem kết quả ra sao. Màn hình tiếp theo hiện ra như sau:

Tại thời điểm này, tôi hơi hụt hẫng với kết quả. Giao diện rất cơ bản, và thực tế là không hề có xác thực người dùng.

Tôi bắt đầu thử các nút và chức năng khác nhau của màn hình nguyên mẫu. 

Nhấp vào nút góc phải trên của giao diện ứng dụng sẽ mở ứng dụng trong tab mới. Nút tiếp theo bên trái cho phép bạn chia sẻ liên kết xem trước. Khá hữu ích. Nút ngoài cùng bên trái của UI mở bộ chọn thành phần—chút nữa sẽ nói kỹ hơn.

Nhấp vào nút màu cam uốn lượn bên trái ô nhập chat sẽ mở một menu “vẽ” thú vị.

Tôi có thể vẽ một hình chữ nhật quanh thẻ cảm biến và chỉ định rằng tôi muốn xem trạng thái của cảm biến đó. Thực ra, bật tắt mà không biết trạng thái hiện tại là gì thì hơi vô nghĩa. 

Nó đã thêm thuộc tính trạng thái trên cả hai thẻ cảm biến, được cập nhật dựa trên nút được nhấn.

Tôi thử thêm một cảm biến nhà bếp mới qua UI, và việc này hoạt động ổn.

Tuy nhiên, cảm biến mới đó không được lưu lại sau khi tải lại trang, hơi đáng thất vọng.

Lúc đó tôi muốn xem mã nguồn. Tôi nhấp vào biểu tượng mã ở góc phải trên màn hình Firebase Studio, bên cạnh nút xanh “Publish”. Tôi khá vui khi thấy một trình soạn thảo mã trực tuyến bật lên. Nó đủ nhanh, trông đẹp mắt và có sẵn tính năng Gemini. Mở tab quản lý nguồn bắt đầu quét các kho Git.

Có vẻ như nó đã tìm thấy một kho và đang chờ tôi xuất bản nhánh hiện tại.

Tôi thấy hơi lạ, nên quyết định nhấp “Publish Branch”.

Quả nhiên, tôi chưa đăng nhập, và đó chỉ là một “tật” của trình soạn thảo. Dù sao, tôi đánh giá cao việc có thể đăng nhập GitHub ngay trong trình soạn thảo trực tuyến.

Điều tôi thực sự muốn thấy là khả năng tích hợp với bộ công cụ Firebase. Tôi quay lại tab nguyên mẫu và yêu cầu trong chat tích hợp với Auth và Cloud Functions để mô phỏng dữ liệu cảm biến.

Hệ thống đã đáp ứng và cho tôi màn hình Login, nhưng lập tức lỗi xuất hiện.

Một trong các lỗi, như trên ảnh chụp màn hình, bắt nguồn từ việc mã cố gắng gọi một Cloud Function không tồn tại, vì nó chưa hề được tạo trong mã. Nhấp “Fix Error” vài lần cũng không có tác dụng.

Tôi quay lại tab mã và phải nhắc trợ lý Gemini vài lần để nó chịu tạo mã Cloud Function, chứ không chỉ là một hàm thường. Sau đó, nó thêm rằng không thể triển khai giúp tôi, nhưng có thể hỗ trợ từng bước để làm điều đó. Cũng hợp lý.

Vì giao diện chat có vẻ không giỏi giải bài toán logic, tôi tự hỏi liệu nó có xử lý tốt hơn các vấn đề UI hay không. Tôi yêu cầu làm cho giao diện trang đăng nhập thú vị hơn bằng cách thêm hình ảnh theo chủ đề dữ liệu và phân tích. Kết quả cũng không có thay đổi nào, dù chat hiển thị là nó đã chỉnh sửa vài tệp.

Tính năng cuối cùng tôi muốn thử là xuất bản ứng dụng. Nhấp nút “Publish” lớn ở góc phải trên sẽ mở một bảng bên, với các bước để xuất bản ứng dụng.

Tôi quyết định tạo tài khoản thanh toán và tự động chuyển sang gói Blaze để có thể xuất bản ứng dụng với Firebase App Hosting. Liên kết trong bảng bên chuyển hướng đến bảng điều khiển Google Cloud, nơi tôi được yêu cầu tạo hồ sơ thanh toán. Sau khi nhấp xác nhận, tôi bị chuyển đến trang “URL not found” trên GCP. 

Quay lại tab Firebase Studio, tôi thấy thông báo “Waiting for billing account from Cloud Console”. Tôi đợi vài phút và tải lại nhiều lần, cuối cùng cũng chọn được tài khoản thanh toán và xuất bản ứng dụng.

Như vậy là kết thúc bài kiểm thử “tạo ứng dụng từ lời nhắc”. Ấn tượng đầu tiên của tôi là có lẽ mọi việc với Firebase Studio khó khăn hơn một chút so với các công cụ khác tôi từng dùng.

Giờ chuyển sang bài kiểm thử thứ hai.

Bài kiểm thử 2: Tạo dự án từ mẫu

Bên cạnh việc tạo ứng dụng từ lời nhắc, Firebase Studio cũng cho phép tạo ứng dụng qua các mẫu.

Trên trang chủ Firebase Studio, nhấp vào một trong các biểu tượng framework hoặc ngôn ngữ nhỏ dưới phần “Start coding an app” sẽ mở một màn hình mới. Tôi chọn tạo một máy chủ Node Express API tên “My Node App” và sử dụng TypeScript.

Sau vài giây, máy chủ tạo được xuất hiện trong trình soạn thảo mã trực tuyến. Không có tab nguyên mẫu ở đây, hợp lý vì đây là mã backend.

Lần này, mở tab quản lý nguồn cho tôi cơ hội khởi tạo một kho Git mới.

Mẫu này chỉ cung cấp một endpoint “hello world” cơ bản, nhưng có đầy đủ mã và boilerplate cần thiết để bắt đầu viết một API NodeJs + Express. 

Ấn tượng đầu tiên và suy nghĩ về Firebase Studio

Nhìn chung, Firebase Studio là một bước tiến tốt vào thế giới phát triển có hỗ trợ AI, nhưng vẫn cho cảm giác đang ở giai đoạn beta.

Ý tưởng đi từ một lời nhắc duy nhất đến một ứng dụng hoạt động được, với nguyên mẫu trực quan, xem trước trực tiếp, các thành phần có thể chỉnh sửa và điều khiển phong cách là rất hào hứng. Cũng có những chi tiết tinh tế, như có thể đổi màu bằng cách nhấp trực tiếp vào bảng màu hoặc vẽ trên nguyên mẫu để yêu cầu thay đổi.

Trình soạn thảo mã tích hợp cũng là một bất ngờ thú vị: giao diện đẹp, chạy mượt, kèm sẵn Gemini và hỗ trợ GitHub, giúp việc nghịch mã khá đơn giản. Nó chắc chắn tốt ngang với một số trình soạn thảo mã trực tuyến khác mà tôi từng thử trước đây.

Tuy vậy, tôi gặp khá nhiều vấn đề gây ức chế. Việc tạo dựa trên lời nhắc lúc được lúc không: các tính năng tôi yêu cầu rõ ràng (như Cloud Functions, Auth và Firestore) bị bỏ qua, và khi tôi yêu cầu lại sau đó, hệ thống chỉ triển khai một phần, để lại chức năng hỏng và lỗi chưa giải quyết.

UI được tạo khá cơ bản, và yêu cầu thêm hình nền bị bỏ qua. Sau khi năn nỉ nhiều lần, tất cả những gì tôi có chỉ là một nền chuyển sắc. Tôi cũng gặp vài trục trặc khi xuất bản và thiết lập thanh toán, khiến toàn bộ quy trình có phần rườm rà.

Tạo ứng dụng dựa trên mẫu thì tốt hơn. Mẫu backend Node.js cho tôi một nền mã sạch, có cấu trúc tốt để có thể bắt đầu ngay. Cảm giác đáng tin cậy và thân thiện với nhà phát triển hơn nhiều.

Công bằng mà nói, tôi chưa kịp thử hết mọi thứ, và rõ ràng công cụ vẫn đang phát triển. Tôi thấy có người khác nói rằng nó hoạt động tốt hơn với các trường hợp đơn giản hơn hoặc lời nhắc có cấu trúc hơn, nên có thể tôi sẽ thử như vậy lần tới.

Hiện tại, Firebase Studio giống như một cái nhìn thoáng qua về những gì phát triển theo hướng AI‑first có thể trở thành. Nó chưa thực sự sẵn sàng cho giờ vàng, đặc biệt nếu so với các công cụ như Replit, Lovable, Bolt hoặc v0, nhưng đây là một mảng rất đáng theo dõi.

Kết luận

Firebase Studio có một số ý tưởng thực sự thú vị, nhưng tôi không nghĩ nó đã sẵn sàng tự mình xây dựng các ứng dụng sản xuất. Nếu bạn tò mò về phát triển có hỗ trợ AI hoặc muốn khám phá những điều sắp tới, chắc chắn đáng để thử!