Bubble không chỉ tự định vị như một công cụ kéo-thả khác. Nó khẳng định bạn có thể tạo ra, triển khai và mở rộng các ứng dụng web và di động hoàn chỉnh từ một nền tảng duy nhất.
Đó là một lời khẳng định lớn, và tôi tò mò muốn xem liệu nó có thể cung cấp thứ gì đó sẵn sàng cho sản xuất hay chỉ là một công cụ tạo mẫu nhanh.
Trong bài đánh giá Bubble App Builder này, tôi sẽ hướng dẫn bạn toàn bộ quá trình kiểm thử thực tế của tôi, cho bạn thấy chính xác những gì đã diễn ra từ lúc đăng ký đến khi xây dựng ứng dụng đầu tiên. Bạn sẽ có cái nhìn rõ ràng liệu Bubble có phải là lựa chọn phù hợp cho dự án tiếp theo của bạn hay không.
Bubble App Builder là gì?
Điều khiến Bubble nổi bật là khả năng vượt xa những nguyên mẫu đơn giản. Bạn thực sự có thể ra mắt và mở rộng các sản phẩm thực, chẳng hạn như thị trường trực tuyến, công cụ SaaS và nền tảng nội bộ. Nó thậm chí hỗ trợ ứng dụng di động native, vì vậy bạn có thể xuất bản lên iOS và Android từ cùng một bản dựng.
Đối tượng sử dụng
Bubble dành cho;
- Bất kỳ ai muốn biến ý tưởng thành ứng dụng hoạt động mà không cần thuê đội ngũ phát triển.
- Nhà sáng lập để nhanh chóng xác thực và mở rộng startup mà không phát sinh chi phí kỹ thuật thêm.
- Freelancer và agency để cung cấp ứng dụng chất lượng chuyên nghiệp nhanh hơn, thường dưới dạng giải pháp nhãn trắng cho khách hàng.
- Doanh nghiệp sử dụng nó cho các công cụ nội bộ và ứng dụng quan trọng do tính bảo mật và khả năng mở rộng tích hợp sẵn.
- Nhà sáng tạo cá nhân (người không có nền tảng lập trình) có thể xây dựng ứng dụng như thị trường trực tuyến, nền tảng SaaS hoặc công cụ AI bằng trình soạn thảo kéo-thả và tính năng AI của Bubble.
Ưu và Nhược điểm của Bubble App Builder
- Trình soạn thảo kéo-thả dễ dùng
- Tạo ứng dụng bằng AI
- Hàng ngàn plugin có sẵn
- Cộng đồng hỗ trợ mạnh mẽ
- Không cần lập trình để bắt đầu
- Động cơ thiết kế đáp ứng mạnh mẽ
- Gói miễn phí có tính năng hạn chế
- Tích hợp API bị giới hạn ở gói miễn phí
- Đường cong học tập cho các tùy chọn nâng cao
Tính năng chính của Bubble App Builder
- Trình soạn thảo kéo-thả trực quan
- Tạo ứng dụng bằng AI
- Động cơ thiết kế đáp ứng cho mọi thiết bị
- Cơ sở dữ liệu tích hợp và mô hình hóa dữ liệu
- Tự động hóa luồng công việc cho logic ứng dụng
- Xác thực người dùng và quản lý tài khoản
- Kết nối API cho các dịch vụ bên ngoài
- Chợ plugin với hơn 6.000 tùy chọn
- Kiểm soát phiên bản với hỗ trợ phân nhánh
- Trình tạo ứng dụng di động native (beta)
- Nhật ký máy chủ và theo dõi khối lượng công việc
- Trình gỡ lỗi tích hợp cho luồng công việc
- Triển khai từ môi trường phát triển đến trực tiếp
Kinh nghiệm thực tế của tôi với Bubble App Builder: Hướng dẫn từng bước
Đây là phần đánh giá quan trọng nhất đối với tôi, và có lẽ cũng đối với bạn. Các trang tiếp thị có thể hứa hẹn nhiều điều, nhưng thử thách thực sự là khi bạn ngồi xuống và sử dụng công cụ. Đó là lý do tôi đặc biệt chú trọng vào kinh nghiệm thực tế của mình.
Từ việc đăng ký đến khám phá bảng điều khiển, những bước đầu tiên này cho tôi cái nhìn rõ ràng nhất về những gì người dùng mới sẽ thực sự gặp phải.
Bắt đầu: Đăng ký và ấn tượng ban đầu
Tôi bắt đầu ngay trên trang chủ của Bubble, được chào đón bởi khẳng định mạnh mẽ: “XÂY DỰNG ỨNG DỤNG VỚI AI, KHÔNG CẦN MÃ.” Nó ngay lập tức tạo ra bầu không khí, hứa hẹn nhiều hơn là chỉ những nguyên mẫu và thúc đẩy ý tưởng rằng tôi thực sự có thể ra mắt một ứng dụng hoạt động.
Bước đầu tiên của tôi là nhấp vào “Get started” ở góc phải trên. Trang đăng ký tải nhanh và tôi có hai tùy chọn rõ ràng: tiếp tục với Google hoặc tạo tài khoản bằng email và mật khẩu. Tôi chọn đường dẫn email.
Mẫu đăng ký rất gọn gàng. Trường mật khẩu áp dụng quy tắc nghiêm ngặt và hiển thị dấu kiểm trực tiếp khi tôi nhập. Nó không khó.
Sau khi nhập thông tin, Bubble đưa vào vài khảo sát khởi tạo: “Bạn biết đến Bubble từ đâu?” (Tôi chọn Tìm kiếm) và “Bạn định sử dụng Bubble như thế nào?” (Tôi chọn “Xây dựng” thay vì thuê người). Chúng không gây khó chịu nhưng đã làm tăng quy trình đăng ký.
Bước tiếp theo hỏi tôi có muốn bắt đầu với ứng dụng Web hay Mobile. Tôi chọn Web vì tùy chọn di động vẫn đang ở giai đoạn beta. Sau đó Bubble đưa ra lựa chọn: nhảy thẳng vào trình tạo ứng dụng AI hoặc vào trực tiếp trình soạn thảo.
Tôi cố tình chọn “Skip and take me to the editor” vì tôi muốn xem giao diện thô trước khi để AI xây dựng bất kỳ thứ gì.
Một điểm cản trở: Trước khi cho tôi tiếp tục, Bubble đã quảng cáo về dùng thử miễn phí 14 ngày cho tính năng cao cấp, yêu cầu nhập thông tin thanh toán. Tôi đã quay lại và thay vào đó chọn “Start with basic features” để thử nghiệm trên gói miễn phí.
Bằng cách này, tôi tránh phải nhập thông tin thẻ tín dụng ngay lập tức. Điều này thật tuyệt cho những người thử nghiệm thông thường như tôi.
Khi vào bên trong, tôi được chào đón bằng màn hình tải vui nhộn, hiển thị các thông điệp như “Đang lắp ghép luồng công việc backend…” và “Đang khởi tạo bắt tay với đa vũ trụ…”. Nó khá dí dỏm và nhẹ nhàng, nhưng may mắn là không mất quá nhiều thời gian.
Khi trình soạn thảo tải xong, ấn tượng đầu tiên của tôi là Bubble cảm giác giống một môi trường phát triển chuyên nghiệp hơn là một đồ chơi nhẹ. Bên trái, tôi thấy các tab: Design, Workflow, Data, Styles, Plugins, và Settings. Tab thiết kế cung cấp cho tôi các phần tử kéo-thả như văn bản, nút, nhóm, và thậm chí các tùy chọn nâng cao như popup và nhóm lặp.
Chuyển sang tab Workflow cho thấy rõ tôi có thể định nghĩa logic mà không cần viết mã, trong khi tab Data cho phép tôi xây dựng cơ sở dữ liệu có cấu trúc với các quy tắc riêng tư tích hợp sẵn.
Xây dựng ứng dụng đầu tiên của tôi với Bubble AI
Sau khi đăng ký, tôi muốn xem việc xây dựng một ứng dụng trong Bubble thực sự dễ dàng, trực quan và đơn giản đến mức nào. Chính ở đây, một trình tạo ứng dụng AI chứng tỏ giá trị của nó, bởi nếu tôi có thể mô tả những gì mình cần và xem hệ thống tạo ra một nền tảng hoạt động, thì nó thực sự đáp ứng lời hứa ‘không cần mã’.
Trên bảng điều khiển của tôi, Bubble hiển thị một thẻ cho tài khoản với “2 Bubble project” đã liệt kê dưới tên người dùng. Để bắt đầu mới, tôi nhấp “Create a project.” ở góc phải trên cùng của trang này.
Một cửa sổ bật lên yêu cầu tôi đặt tên dự án và chọn điểm khởi đầu. Tôi nhập “Personal finance app” và giữ tùy chọn mặc định, “Start with a web app → Start with AI.”
Các lộ trình khác, như bắt đầu từ ứng dụng trống hoặc mẫu, cũng có sẵn, nhưng tôi muốn thử trình tạo AI của Bubble.
Trước khi tiếp tục, Bubble chèn thêm một màn hình upsell: “Build with premium features.” Nó cung cấp dùng thử miễn phí 14 ngày yêu cầu thông tin thanh toán. Vì tôi chưa muốn cung cấp thẻ ngay, tôi nhấp “Start with basic features” và bỏ qua bản dùng thử.
Điều này đưa tôi đến màn hình nhắc nhở AI ở chế độ tối. Tiêu đề đọc “What can we help you build?” và ô văn bản được điền sẵn với ví dụ ứng dụng nhà hàng mà tôi đã thấy trên trang chủ.
Tôi xóa nó và nhập lời nhắc chi tiết của riêng mình, đó là:
- Một ứng dụng tài chính cá nhân cho phép chủ doanh nghiệp nhỏ kết nối tài khoản, theo dõi giao dịch, xem tóm tắt và thậm chí nhận các phân tích tiết kiệm do AI cung cấp.
Việc gửi lời nhắc bắt đầu quá trình tạo AI. Bubble hiển thị một loạt thông điệp tiến trình vui nhộn, như “Sketching out user features…” và “Adding polish…”.
Sau đó, khoảng năm phút sau, tôi gặp trở ngại đầu tiên. Một thông báo lỗi bật lên ở góc dưới: “There was an error generating your app. Please try again.” Ngay trước đó, tôi cũng đã nhận thấy một chú thích ở dưới nói “3rd party APIs are not currently supported.”
Lời nhắc ban đầu của tôi đề cập đến Stripe và Plaid, nên tôi nghi ngờ sự kết hợp của các cuộc gọi đó, cùng với việc tôi đang ở gói miễn phí/cơ bản, đã khiến trình tạo gặp lỗi.
Lúc đó, tôi điều chỉnh lại lời nhắc, loại bỏ mọi đề cập đến Stripe hay Plaid, và tập trung vào các tính năng cốt lõi của ứng dụng mà không có API bên ngoài. Tôi gửi lại, và sau thêm 5–7 phút tạo, quá trình hoàn tất thành công.
Khi hoàn thành, Bubble thông báo ứng dụng của tôi, “FinEase Pro”, đã sẵn sàng. Tôi ngay lập tức thấy một ứng dụng đa trang có cấu trúc trong trình soạn thảo: phần Dashboard, Accounts, Transactions, Summaries và Subscription, tất cả đều có dữ liệu giữ chỗ và điều hướng đã được cấu hình.
BubbleBot, trợ thủ tích hợp, đã chúc mừng tôi và chỉ ra những gì đã được xây dựng: “Một ứng dụng đa trang, một cơ sở dữ liệu với nội dung mẫu và các luồng công việc chính.”
Xem trước ứng dụng trong tab mới cho tôi cái nhìn rõ ràng về kết quả. Dashboard hiển thị tổng quan tài khoản, giao dịch gần đây, thu nhập so với chi phí, và vị trí giữ chỗ cho biểu đồ chi tiêu.
Nhấp vào Accounts cho phép tôi ‘thêm tài khoản mới’, trong khi Transactions hiển thị bộ lọc theo danh mục và nút tạo mục nhập. Summaries cung cấp các hộp thả xuống để phân tích dữ liệu tài chính theo tháng hoặc năm, và thậm chí hứa hẹn biểu đồ trực quan như biểu đồ tròn cho chi phí và đồ thị đường cho xu hướng. Trang Subscription trình bày các gói miễn phí và trả phí, với tùy chọn nâng cấp và hủy.
Từ đầu đến cuối, ứng dụng được tạo khớp với cấu trúc mà tôi đã mô tả. Nó không hoàn hảo—một số phần có văn bản giữ chỗ hoặc dữ liệu mô phỏng—nhưng không thể phủ nhận đó là một nền tảng hoạt động.
Cách Bubble AI xử lý lỗi
Tiếp theo, tôi muốn xem cách trình tạo ứng dụng AI này thực sự xử lý lỗi bên trong trình soạn thảo. Vì đây là nền tảng không cần mã, tôi không mong đợi sẽ gỡ lỗi như một nhà phát triển với stack trace và console log, nhưng tôi vẫn cần biết: điều gì xảy ra khi có lỗi? Tôi có thể bắt được không? Tôi có thể ghi lại được không?
Và liệu Bubble có cung cấp đủ khả năng hiển thị để tôi sửa lỗi mà không phải đoán mò?
- Sự kiện lỗi luồng công việc
Bubble tích hợp sẵn xử lý lỗi ngay trong luồng công việc. Quan trọng nhất là sự kiện “An unhandled error occurs”. Sự kiện này được kích hoạt khi có lỗi xảy ra trong luồng công việc, và bạn chưa thiết lập trình xử lý cụ thể nào.
Từ đây, bạn có thể quyết định điều gì sẽ xảy ra:
- Hiển thị thông báo thân thiện thay vì thông báo hệ thống khó hiểu
- Ghi lỗi vào cơ sở dữ liệu để xem xét
- Hoặc chuyển hướng người dùng đến trang lỗi tùy chỉnh
Vì vậy, trên menu bên trái, tôi nhấp vào Workflows, sau đó nhấn nút xanh + New. Từ danh sách tùy chọn, tôi chọn “An unhandled error occurs. ”
Nó ngay lập tức xuất hiện như một sự kiện luồng công việc trong trình soạn thảo của tôi. Từ đó, tôi có thể cấu hình những gì nó sẽ ‘Bắt’: hoặc là bất kỳ lỗi luồng công việc nào hoặc lỗi luồng công việc của phần tử gắn với một nút hoặc đầu vào cụ thể.
Điều này cho tôi tùy chọn tiếp cận rộng (bao quát mọi thứ) hoặc cụ thể hơn (ví dụ, chỉ lỗi từ nút đăng ký).
Tôi thích việc tôi có thể xác định điều gì xảy ra khi sự kiện này được kích hoạt. Ví dụ, tôi có thể hiển thị một pop-up thân thiện với người dùng thay vì thông báo chung của Bubble, ghi lỗi vào cơ sở dữ liệu của tôi, hoặc thậm chí chuyển người dùng đến trang lỗi tùy chỉnh. Với những ai không viết mã, mức độ kiểm soát như vậy đối với phản hồi lỗi thực sự mạnh mẽ.
- Xử lý lỗi API
Bubble cũng thừa nhận rằng các ứng dụng hiện đại phụ thuộc nhiều vào dịch vụ bên ngoài. Thông qua API Connector, bạn có thể cho phép luồng công việc tiếp tục ngay cả khi cuộc gọi API thất bại.
Điều này có nghĩa là bạn không chỉ dừng lại ở một ngõ cụt. Bạn có thể bắt lỗi, phát hiện mã trạng thái (như 404 hoặc 500), và phản hồi một cách duyên dáng với thông báo tùy chỉnh hoặc hành động dự phòng. Bạn cũng có thể thiết lập luồng công việc backend để ghi lại những lỗi này, tạo ra một đường dẫn lỗi cho việc gỡ lỗi sau này.
- Công cụ gỡ lỗi và ghi nhật ký
Đây là nơi Bubble thực sự làm tôi ngạc nhiên. Nền tảng cung cấp cho bạn một công cụ gỡ lỗi riêng biệt chạy cùng ứng dụng của bạn.
Theo mặc định, bất cứ khi nào bạn nhấn Preview để mở ứng dụng ở chế độ chạy, công cụ gỡ lỗi sẽ tự động được kích hoạt. Bạn có thể nhận biết nó đang bật thông qua tham số URL:
debug_mode=true
Một URL xem trước đầy đủ trông như sau:
https://my-bubble-application.bubbleapps.io/version-test?debug_mode=true
Nếu bạn muốn tắt công cụ gỡ lỗi, bạn chỉ cần xóa tham số khỏi URL (hoặc đặt nó thành false).
Khi được bật, công cụ gỡ lỗi xuất hiện dưới dạng thanh ở đáy ứng dụng của bạn. Từ đây, bạn có thể chuyển giữa các chế độ thực thi Normal, Slow và Step-by-step. Step-by-step là nơi nó thực sự tỏa sáng. Bạn có thể chạy từng hành động một và kiểm tra chính xác điều gì đang diễn ra ở mỗi bước.
Tôi đã sử dụng điều này để kiểm thử các luồng công việc như quy trình đăng ký, và nó mang lại cho tôi khả năng quan sát thực sự về dữ liệu nào được truyền, điều kiện nào được đánh giá và chính xác nơi nào xảy ra lỗi.
Xử lý lỗi của Bubble: Toàn diện & Ấn tượng chung
Trải nghiệm cá nhân của tôi khá đa dạng nhưng cuối cùng lại khích lệ. Lần đầu tiên tôi thử tạo ứng dụng, tôi chờ khoảng bảy phút chỉ để nhận được thông điệp đáng sợ:
Điều đó thật bực bội, nhất là sau một khoảng chờ lâu như vậy. Thậm chí tệ hơn, manh mối duy nhất tôi nhận được là một chú thích nói “3rd party APIs are not currently supported.”
Vì lời nhắc ban đầu của tôi có đề cập đến Stripe và Plaid, tôi đoán đó là lý do.
Tuy nhiên, khi tôi điều chỉnh lời nhắc để loại bỏ các API và gửi lại, Bubble đã phục hồi mượt mà và tạo ứng dụng trong khoảng 5–7 phút tiếp theo. Ngoài trục trặc ban đầu đó, tôi nhận thấy các công cụ tích hợp của Bubble để chẩn đoán lỗi là một trong những công cụ mạnh nhất tôi từng thấy trên nền tảng no-code.
Sự kết hợp của sự kiện lỗi luồng công việc, nhật ký gỡ lỗi và tùy chọn xử lý API mang lại cho cả người mới và người dùng nâng cao sự tự tin để khắc phục sự cố thay vì bị mắc kẹt.
Tùy chỉnh thiết kế và bố cục
Điều gì sẽ xảy ra nếu bạn muốn thay đổi thứ gì đó trong ứng dụng hoặc làm cho nó trông và cảm nhận giống thương hiệu của bạn hơn? Bubble mang đến cho bạn mức độ kiểm soát ấn tượng, ngay cả khi ứng dụng của bạn được tạo bằng AI.
Ở bên trái trình soạn thảo là tab Design, là trung tâm chính để tùy chỉnh giao diện và trải nghiệm cho ứng dụng của bạn. Đây là nơi tôi dành phần lớn thời gian để thử nghiệm với các phần tử, điều chỉnh bố cục và tinh chỉnh kiểu dáng.
Bubble sử dụng kiểu dáng và biến toàn cục để giữ cho thiết kế của bạn nhất quán. Tôi có thể xác định bảng màu và bộ phông chữ, và bất kỳ phần tử nào liên kết với các biến đó sẽ tự động được cập nhật khi tôi thực hiện thay đổi.
Điều đó có nghĩa là nếu tôi điều chỉnh phông chữ tiêu đề hoặc màu chủ đạo của thương hiệu, cập nhật sẽ lan tỏa khắp ứng dụng. Đối với các trường hợp đặc biệt, tôi có thể ghi đè kiểu dáng toàn cục trên các phần tử riêng lẻ mà không phá vỡ tính nhất quán chung.
Chính trình soạn thảo có tính nhìn thấy gì nhận được đó. Tôi kéo phần tử lên canvas, thay đổi kích thước và ghim chúng vào vị trí. Nhấp vào một phần—chẳng hạn tiêu đề Financial Dashboard—mở ra Property Editor ở bên phải.
Từ đó, tôi có thể tinh chỉnh văn bản, kiểu, đường viền, màu sắc hoặc thậm chí thẻ SEO. Ví dụ:
- Cây phần tử Elements Tree ở bên trái hiển thị mọi phần tử theo thứ tự phân cấp, điều này đặc biệt hữu ích cho việc di chuyển hoặc sửa lỗi bố cục.
- Phần tử tái sử dụng như header hoặc footer xuất hiện trên nhiều trang, Bubble cho phép bạn xây dựng chúng một lần và tái sử dụng ở mọi nơi, tiết kiệm rất nhiều thời gian.
- Ứng dụng hiện đại phải hiển thị đẹp trên mọi màn hình, và Bubble giải quyết điều này với động cơ đáp ứng tích hợp. Mỗi phần tử nằm trong một container với quy tắc bố cục tương tự CSS Flexbox.
- Thêm vào đó, tôi có thể đặt một container hoạt động như hàng hoặc cột, canh chỉnh phần tử so với phần tử cha và xác định cách chúng hoạt động khi màn hình thu nhỏ. Breakpoint cho phép tôi chỉ định khi nào bố cục chuyển đổi (ví dụ, xếp các cột thành danh sách dọc trên di động).
- Plugin như Classify cho phép bạn gán lớp CSS cho các phần tử, hoặc bạn có thể thả thẻ <style> thô vào khối HTML. Để thay đổi toàn cục, bạn có thể thêm CSS trong cài đặt ứng dụng dưới SEO & Metatags.
Điều thực sự hỗ trợ tôi khi mới sử dụng lần đầu là BubbleBot, trợ lý bật lên sau khi ứng dụng của tôi được tạo. Khi tôi nhấp Edit my app, nó hỏi tôi trực tiếp: Bạn muốn làm việc phần nào trong ứng dụng trước?
Chọn Edit the design đã khởi chạy một chuyến tham quan nhanh tab thiết kế và liên kết tôi đến tài liệu của Bubble. Hướng dẫn theo bối cảnh như vậy đã giảm tải sự choáng ngợp và cho tôi một điểm vào rõ ràng để tùy chỉnh ứng dụng.
Tôi ấn tượng bởi hệ thống thiết kế linh hoạt của Bubble. Mức độ chi tiết của kiểm soát khiến tôi cảm giác như đang làm việc trong một công cụ thiết kế front-end chuyên dụng, không phải một nền tảng no-code bị cắt giảm.
Động cơ đáp ứng là điều cần thiết cho các ứng dụng hiện đại, và mặc dù phải học một chút, nó rất mạnh mẽ khi bạn đã quen.
Lưu ý duy nhất là đường cong học tập. Property Editor đầy ắp các tùy chọn, và gỡ lỗi các vấn đề hình ảnh (như căn chỉnh ở breakpoint cụ thể) vẫn có thể cần thử và sai.
Nhưng với BubbleBot hỗ trợ hướng dẫn, tôi không bao giờ cảm thấy mắc kẹt.
Xuất bản ứng dụng và thêm tích hợp
Khi tôi có phiên bản ứng dụng hoạt động, tôi muốn xem tôi có thể đẩy nó đến đâu, cụ thể là bằng cách thêm tích hợp và sau đó xuất bản trực tiếp.
Trong Bubble, các tích hợp được xử lý thông qua plugin. Đây là các add-on mở rộng khả năng của ứng dụng, tương tự như cài ứng dụng trên điện thoại.
Bubble có cả một chợ plugin với hàng nghìn tùy chọn miễn phí và trả phí, bao phủ mọi thứ từ thanh toán Stripe và API Google đến các tiện ích nhỏ như trình tải tệp hoặc trình sinh người dùng ngẫu nhiên.
Từ tab Plugins trong trình soạn thảo, tôi có thể nhấp + Add plugins, mở thư viện plugin. Chợ được tổ chức theo các danh mục như Analytics, AI, E-commerce, Payments, Media, Customer Support, Testing và hơn thế nữa (như hiển thị trong ảnh chụp màn hình). Bạn cũng có thể lọc theo loại (API, Action, Element, Event, v.v.) và sắp xếp theo lượt cài đặt nhiều nhất hoặc đánh giá cao nhất.
Một số plugin phổ biến nhất tôi nhận thấy bao gồm:
- Toolbox – Một plugin miễn phí dùng để chạy tập lệnh tùy chỉnh (hơn 800K lượt cài đặt).
- Stripe – Cho thanh toán và đăng ký dịch vụ.
- Rich Text Editor – Cho chỉnh sửa nội dung trực tiếp trong ứng dụng.
- Classify – Cho việc kiểm soát CSS tùy chỉnh trên các phần tử.
Điều tôi thích ở đây là Bubble không phải là hệ thống đóng. Bạn không bị giới hạn bởi những gì nền tảng cung cấp sẵn. Nếu bạn không tìm thấy plugin cần thiết, bạn thậm chí có thể tạo và xuất bản plugin của riêng mình lên chợ.
Điều này làm cho Bubble linh hoạt hơn nhiều so với nhiều công cụ no-code khác mà tôi từng thử.
Sau khi thêm plugin và thực hiện thay đổi, bước lớn tiếp theo là xuất bản ứng dụng. Trong Bubble, quá trình này gọi là deploying, và thực sự đơn giản.
Ứng dụng Bubble chạy trong hai môi trường:
- Development – Nơi bạn kiểm thử và xây dựng.
- Live – Phiên bản sản xuất, có thể truy cập bởi người dùng thực.
Triển khai về cơ bản là chuyển ứng dụng của bạn từ Development sang Live. Để làm điều này, tôi nhấp nút Deploy ở góc phải trên của trình soạn thảo. Bubble sau đó kiểm tra Issue Tracker. Nếu có bất kỳ lỗi nào được đánh dấu, chúng phải được giải quyết trước khi triển khai tiếp.
Khi triển khai, tôi được yêu cầu thêm mô tả về các thay đổi đã thực hiện. Điều này nghe có vẻ nhỏ, nhưng thực sự rất hữu ích. Bubble lưu lịch sử triển khai, vì vậy nếu một phiên bản mới gây ra lỗi, bạn có thể dễ dàng phục hồi về phiên bản ổn định.
Một điều tôi ghi nhận là nếu người dùng đang hoạt động trên ứng dụng của bạn khi bạn triển khai bản cập nhật, Bubble tự động hiển thị banner làm mới ở đầu trang. Khi họ nhấn ‘Refresh’, họ ngay lập tức được chuyển sang phiên bản mới.
Người dùng không online tại thời điểm đó sẽ đơn giản tải phiên bản cập nhật vào lần truy cập tiếp theo.
Điều này có nghĩa các bản cập nhật diễn ra suôn sẻ và không yêu cầu ngừng hoạt động, mặc dù thời điểm vẫn quan trọng. Nếu ứng dụng của bạn đang được sử dụng nhiều, bạn có thể muốn triển khai vào giờ ít hoạt động để tránh làm gián đoạn phiên làm việc đang diễn ra.
Giá cả & Gói dịch vụ của Bubble
Cách định giá của Bubble cho phép bạn bắt đầu miễn phí và chỉ trả tiền khi bạn sẵn sàng xuất bản. Tôi bắt đầu với gói miễn phí và ngạc nhiên về lượng tính năng nó cung cấp cho một cấp học tập.
Bước nhảy thực sự đến từ gói Starter. Cấp này mở khóa mọi thứ bạn cần để đưa ứng dụng lên trực tiếp, bao gồm: kết nối tên miền tùy chỉnh, triển khai ứng dụng trực tiếp, v.v. Nếu ứng dụng của bạn bắt đầu thu hút, gói Growth bổ sung các tính năng nâng cao hơn.
Đối với các dự án và đội nhóm lớn, gói Team bao gồm: năm trình chỉnh sửa ứng dụng, sub app cho đa thương hiệu hoặc dự án nhãn trắng, hai mươi lăm nhánh tùy chỉnh và hai mươi ngày nhật ký máy chủ.
Ở mức cao nhất, giá Enterprise được tùy chỉnh. Nó hướng đến các doanh nghiệp cần kiểm soát tối đa, với máy chủ riêng, quản trị tập trung, đơn vị khối lượng công việc tùy chỉnh, SLA thời gian hoạt động và hỗ trợ ưu tiên.
Gói Bubble Website Builder
Thanh toán được xử lý qua Stripe, và Bubble tuân theo chính sách không hoàn tiền: bất kỳ tháng đã thanh toán nào đều không được hoàn lại và không thể cộng tín dụng vào tài khoản của bạn.
Mô hình dựa trên khối lượng công việc của Bubble cũng minh bạch. Bạn sẽ nhận email khi sử dụng đạt 75% và 100% khối lượng, với tùy chọn mua bổ sung hoặc giới hạn sử dụng.
Các lựa chọn thay thế cho Bubble AI App Builder
Bubble mang đến khả năng kiểm soát và linh hoạt rộng rãi nhưng có đường cong học tập dốc hơn. Một lựa chọn thay thế tốt cho những ai ưu tiên sự đơn giản và định giá dễ đoán, đặc biệt cho công cụ nội bộ hoặc cổng khách hàng, là Softr.
Softr hoạt động ở mức độ trừu tượng cao hơn, sử dụng các block có sẵn và có thể tùy chỉnh để xây dựng ứng dụng từ các nguồn dữ liệu hiện có như Airtable hoặc Google Sheets.
Bubble AI vs Softr: So sánh nhanh
| Tính năng | Bubble | Softr |
|---|---|---|
| Độ dễ sử dụng | Đường cong học tập trung bình đến dốc. Lập trình trực quan đòi hỏi thời gian. | Rất dễ điều hướng. Trình tạo dựa trên block rút ngắn đường cong học tập. |
| Tùy chỉnh | Cao. Giao diện hoàn hảo theo pixel, luồng công việc phức tạp, hàng nghìn plugin. | Hạn chế. Block và mẫu có sẵn ít linh hoạt hơn. |
| Backend & Dữ liệu | Cơ sở dữ liệu tích hợp và API Connector cho tích hợp tùy chỉnh. | Tích hợp với Airtable và Google Sheets làm nguồn dữ liệu chính. |
| Giá cả | Mô hình “đơn vị khối lượng công việc” dựa trên sử dụng, kém đoán định hơn khi mở rộng. | Giá dựa trên người dùng, minh bạch và có thể đoán định. |
| Loại ứng dụng | Tuyệt vời cho SaaS, thị trường và ứng dụng đa người dùng. | Tốt nhất cho công cụ nội bộ, cổng khách hàng và trang thành viên. |
| Di động | Trình tạo mobile native và hỗ trợ PWAs. | Chỉ web app và PWA, không có ứng dụng native. |
Bubble phù hợp hơn nếu:
- Bạn là nhà sáng lập hoặc nhà phát triển xây dựng sản phẩm SaaS đầy đủ, thị trường hoặc bất cứ thứ gì yêu cầu tùy chỉnh cao.
- Bạn cần luồng công việc nâng cao, thiết kế hoàn hảo theo pixel và backend tích hợp sẵn có thể xử lý mở rộng.
Softr lý tưởng cho:
- Đội nhóm nhỏ hoặc cá nhân muốn thứ gì đó nhanh chóng, gọn gàng và dễ bảo trì.
- Nếu ứng dụng của bạn chủ yếu trình bày hoặc quản lý dữ liệu từ Airtable hoặc Google Sheets, chẳng hạn như công cụ nội bộ, cổng khách hàng hoặc trang thành viên.
Kết luận cuối cùng về Bubble No-Code App Builder
Bubble là một trong những nền tảng no-code mạnh mẽ nhất tôi từng sử dụng. Nó cung cấp tính linh hoạt và kiểm soát, cùng cơ sở dữ liệu tích hợp, động cơ luồng công việc và trình soạn thảo đáp ứng.
Mặc dù công cụ này không phải dễ nhất để làm chủ, và định giá dựa trên sử dụng có thể làm chi phí kém đoán định hơn khi bạn phát triển, nhưng đây là công cụ bạn có thể đặt niềm tin để biến ý tưởng thành ứng dụng sẵn sàng cho sản xuất.
