Kết nối ứng dụng của bạn và bắt đầu tạo mẫu

Trước khi sử dụng Bộ mô phỏng cục bộ Firebase, hãy đảm bảo bạn đã tạo dự án Firebase, thiết lập môi trường phát triển, đồng thời chọn và cài đặt SDK Firebase cho nền tảng của mình theo chủ đề Bắt đầu với Firebase cho nền tảng của bạn: Apple , Android hoặc Web .

Nguyên mẫu và thử nghiệm

Bộ mô phỏng cục bộ chứa một số trình mô phỏng sản phẩm, như được mô tả trong Giới thiệu về Bộ mô phỏng cục bộ Firebase . Bạn có thể tạo nguyên mẫu và thử nghiệm bằng các trình mô phỏng riêng lẻ cũng như kết hợp các trình mô phỏng mà bạn thấy phù hợp, tương ứng với sản phẩm Firebase mà bạn đang sử dụng trong sản xuất.

Tương tác giữa cơ sở dữ liệu Firebase và trình mô phỏng chức năng
Trình mô phỏng Cơ sở dữ liệu và Chức năng đám mây như một phần của Bộ mô phỏng cục bộ đầy đủ .

Đối với chủ đề này, để giới thiệu quy trình làm việc của Local Emulator Suite, giả sử bạn đang làm việc trên một ứng dụng sử dụng kết hợp các sản phẩm điển hình: cơ sở dữ liệu Firebase và các chức năng đám mây được kích hoạt bởi các hoạt động trên cơ sở dữ liệu đó.

Sau khi bạn khởi tạo cục bộ dự án Firebase của mình, chu trình phát triển bằng Local Emulator Suite thường sẽ có ba bước:

  1. Tính năng nguyên mẫu tương tác với trình mô phỏng và giao diện người dùng của Emulator Suite.

  2. Nếu bạn đang sử dụng trình mô phỏng cơ sở dữ liệu hoặc trình mô phỏng Chức năng đám mây, hãy thực hiện bước một lần để kết nối ứng dụng của bạn với trình mô phỏng.

  3. Tự động hóa các thử nghiệm của bạn bằng trình mô phỏng và tập lệnh tùy chỉnh.

Khởi tạo cục bộ dự án Firebase

Đảm bảo rằng bạn cài đặt CLI hoặc cập nhật lên phiên bản mới nhất của nó .

curl -sL firebase.tools | bash

Nếu bạn chưa làm như vậy, hãy khởi tạo thư mục làm việc hiện tại dưới dạng dự án Firebase, làm theo lời nhắc trên màn hình để chỉ định bạn đang sử dụng Chức năng đám mâyCloud Firestore hoặc Cơ sở dữ liệu thời gian thực :

firebase init

Thư mục dự án của bạn bây giờ sẽ chứa các tệp cấu hình Firebase, tệp định nghĩa Quy tắc bảo mật Firebase cho cơ sở dữ liệu, thư mục functions chứa mã hàm đám mây và các tệp hỗ trợ khác.

Nguyên mẫu tương tác

Local Emulator Suite được thiết kế để cho phép bạn nhanh chóng tạo nguyên mẫu cho các tính năng mới và giao diện người dùng tích hợp của Suite là một trong những công cụ tạo nguyên mẫu hữu ích nhất. Nó giống như việc bảng điều khiển Firebase chạy cục bộ.

Bằng cách sử dụng giao diện người dùng Emulator Suite, bạn có thể lặp lại thiết kế cơ sở dữ liệu, thử các luồng dữ liệu khác nhau liên quan đến các chức năng đám mây, đánh giá các thay đổi của Quy tắc bảo mật, kiểm tra nhật ký để xác nhận xem các dịch vụ phụ trợ của bạn đang hoạt động như thế nào, v.v. Sau đó, nếu bạn muốn bắt đầu lại, chỉ cần xóa cơ sở dữ liệu của bạn và bắt đầu mới với ý tưởng thiết kế mới.

Tất cả đều khả dụng khi bạn khởi động Bộ mô phỏng cục bộ với:

firebase emulators:start

Để tạo nguyên mẫu cho ứng dụng giả định của chúng ta, hãy thiết lập và thử nghiệm một chức năng đám mây cơ bản để sửa đổi các mục nhập văn bản trong cơ sở dữ liệu, đồng thời tạo và điền cơ sở dữ liệu đó vào Giao diện người dùng Emulator Suite để kích hoạt nó.

  1. Tạo một hàm đám mây được kích hoạt bằng cách ghi cơ sở dữ liệu bằng cách chỉnh sửa tệp functions/index.js trong thư mục dự án của bạn. Thay thế nội dung của tệp hiện có bằng đoạn mã sau. Hàm này lắng nghe các thay đổi đối với các nút trong hệ thống phân cấp messages , chuyển đổi nội dung thuộc tính original của nút thành chữ hoa và lưu trữ kết quả trong thuộc tính uppercase của nút đó.
  2.   const functions = require('firebase-functions');
    
      exports.makeUppercase = functions.database.ref('/messages/{pushId}/original')
          .onCreate((snapshot, context) => {
            const original = snapshot.val();
            console.log('Uppercasing', context.params.pushId, original);
            const uppercase = original.toUpperCase();
            return snapshot.ref.parent.child('uppercase').set(uppercase);
          });
      
  3. Khởi chạy Bộ mô phỏng cục bộ với firebase emulators:start . Chức năng đám mây và trình mô phỏng cơ sở dữ liệu khởi động, được cấu hình tự động để tương tác.
  4. Xem giao diện người dùng trong trình duyệt của bạn tại http://localhost:4000 . Cổng 4000 là mặc định cho giao diện người dùng, nhưng hãy kiểm tra đầu ra thông báo đầu cuối bằng CLI Firebase. Lưu ý trạng thái của trình giả lập có sẵn. Trong trường hợp của chúng tôi, trình mô phỏng Chức năng đám mây và Cơ sở dữ liệu thời gian thực sẽ chạy.
    Hình ảnh của tôi
  5. Trong giao diện người dùng, trên tab Cơ sở dữ liệu thời gian thực , hãy sử dụng các điều khiển của trình chỉnh sửa nội dung cơ sở dữ liệu để tạo một tập hợp các nút có nút messages chứa nút message1 , lần lượt chứa nút có khóa được đặt thành original và giá trị được đặt thành test . Điều này kích hoạt chức năng đám mây của chúng tôi. Quan sát thấy một thuộc tính uppercase mới xuất hiện ngay với giá trị TEST .
    Hình ảnh của tôiHình ảnh của tôi
  6. Kiểm tra tab Nhật ký để xác nhận chức năng của bạn không chạy lỗi inot khi cập nhật cơ sở dữ liệu.

Bạn có thể dễ dàng lặp lại giữa mã chức năng đám mây và các chỉnh sửa cơ sở dữ liệu tương tác cho đến khi nhận được luồng dữ liệu mình đang tìm kiếm mà không cần chạm vào mã truy cập cơ sở dữ liệu trong ứng dụng, biên dịch lại và chạy lại bộ thử nghiệm.

Kết nối ứng dụng của bạn với trình mô phỏng

Khi bạn đã đạt được tiến bộ tốt với việc tạo nguyên mẫu tương tác và đã quyết định xong một thiết kế, bạn sẽ sẵn sàng thêm mã truy cập cơ sở dữ liệu vào ứng dụng của mình bằng SDK thích hợp. Bạn sẽ tiếp tục sử dụng tab cơ sở dữ liệu và tab Nhật ký trong giao diện người dùng Emulator Suite đối với các chức năng để xác nhận rằng hành vi của ứng dụng của bạn là chính xác.

Hãy nhớ rằng Local Emulator Suite là một công cụ phát triển cục bộ. Việc ghi vào cơ sở dữ liệu sản xuất của bạn sẽ không kích hoạt các chức năng mà bạn đang tạo nguyên mẫu cục bộ.

Để chuyển sang yêu cầu ứng dụng của bạn ghi vào cơ sở dữ liệu, bạn sẽ cần trỏ các lớp kiểm tra hoặc cấu hình trong ứng dụng của mình vào trình mô phỏng Cơ sở dữ liệu thời gian thực.

Kotlin+KTX
// 10.0.2.2 is the special IP address to connect to the 'localhost' of
// the host computer from an Android emulator.
val database = Firebase.database
database.useEmulator("10.0.2.2", 9000)
Java
// 10.0.2.2 is the special IP address to connect to the 'localhost' of
// the host computer from an Android emulator.
FirebaseDatabase database = FirebaseDatabase.getInstance();
database.useEmulator("10.0.2.2", 9000);
Nhanh
    // In almost all cases the ns (namespace) is your project ID.
let db = Database.database(url:"http://127.0.0.1:9000?ns=YOUR_DATABASE_NAMESPACE")

Web modular API

import { getDatabase, connectDatabaseEmulator } from "firebase/database";

const db = getDatabase();
if (location.hostname === "localhost") {
  // Point to the RTDB emulator running on localhost.
  connectDatabaseEmulator(db, "127.0.0.1", 9000);
} 

Web namespaced API

var db = firebase.database();
if (location.hostname === "localhost") {
  // Point to the RTDB emulator running on localhost.
  db.useEmulator("127.0.0.1", 9000);
} 

Tự động hóa các bài kiểm tra của bạn với các tập lệnh tùy chỉnh

Bây giờ là bước quy trình công việc tổng thể cuối cùng. Sau khi bạn đã tạo mẫu tính năng trong ứng dụng và tính năng này có vẻ đầy hứa hẹn trên tất cả các nền tảng của bạn, bạn có thể chuyển sang giai đoạn triển khai và thử nghiệm cuối cùng. Đối với quy trình kiểm tra đơn vị và CI, bạn có thể khởi động trình mô phỏng, chạy thử nghiệm theo tập lệnh và tắt trình mô phỏng chỉ bằng một lệnh gọi bằng lệnh exec :

firebase emulators:exec "./testdir/test.sh"

Khám phá các trình mô phỏng riêng lẻ sâu hơn

Bây giờ bạn đã biết quy trình làm việc cơ bản phía máy khách trông như thế nào, bạn có thể tiếp tục với thông tin chi tiết về từng trình mô phỏng trong Suite, bao gồm cả cách sử dụng chúng để phát triển ứng dụng phía máy chủ:

Tiếp theo là gì?

Hãy nhớ đọc các chủ đề liên quan đến trình mô phỏng cụ thể được liên kết ở trên. Sau đó: