Giới thiệu về không gian làm việc Firebase Studio

Firebase Studio cung cấp một môi trường phát triển dựa trên đám mây và có tính cộng tác giúp đơn giản hoá quy trình xây dựng ứng dụng bằng cách kết hợp nhiều khung và thư viện .

Sau khi thiết lập không gian làm việc Firebase Studio, bạn có thể truy cập và chia sẻ một môi trường phát triển linh hoạt và có đầy đủ chức năng: Bạn có thể truy cập vào không gian làm việc Firebase Studio trên mọi thiết bị và sử dụng các công cụ tích hợp để hợp lý hoá quy trình phát triển của bạn và nhóm của bạn.

Tạo một không gian làm việc

Không gian làm việc trong Firebase Studio là một môi trường phát triển mà chứa mọi thứ bạn cần để phát triển ứng dụng. Không gian này chứa mã của bạn, một trình chỉnh sửa mã (có các trình bổ sung liên quan đến dự án của bạn) và các chuỗi công cụ hỗ trợ quá trình phát triển ứng dụng. Không gian này giống như việc tạo một dự án mới trong môi trường phát triển trên máy tính cục bộ, ngoại trừ việc bạn có một máy tính và hệ điều hành được định cấu hình sẵn và dành riêng cho việc xây dựng ứng dụng của bạn, chạy trên trình duyệt của bạn trong đám mây và có thể truy cập ở bất cứ đâu.

Firebase Studio không gian làm việc được tối ưu hoá để chứa một toàn bộ mã nguồn duy nhất, nhờ đó bạn có thể tách biệt các môi trường và phần phụ thuộc ở cấp hệ thống của các ứng dụng khác nhau. Bạn có thể tạo nhiều không gian làm việc để sử dụng với các ứng dụng và khung khác nhau.

Để tạo không gian làm việc mới, hãy thực hiện như sau:

Sao chép một không gian làm việc

Khi bạn sao chép một Firebase Studio không gian làm việc, một bản sao của dự án sẽ được tạo và chứa mọi thứ trong thư mục home/user. Thao tác này hữu ích khi bạn muốn thử nghiệm một dự án mà không ảnh hưởng đến dự án gốc hoặc khi bạn muốn sử dụng một dự án hiện có làm điểm xuất phát cho một dự án mới.

Cách sao chép một không gian làm việc:

  1. Trên trang chủ Firebase Studio, hãy nhấp vào trình đơn bên cạnh không gian làm việc mà bạn muốn sao chép > Sao chép.

  2. Nhập tên của không gian làm việc mới rồi nhấp vào Sao chép. Không gian làm việc mới sẽ được tạo và thêm vào danh sách không gian làm việc của bạn. ß Lưu ý: Bạn có thể mất vài phút để sao chép các không gian làm việc lớn hơn. Nếu không gian làm việc mới không tải, hãy đợi 5 phút rồi làm mới trang.

  3. (Không bắt buộc) Nếu không gian làm việc gốc có một dự án Firebase được liên kết, hãy cân nhắc việc tạo một dự án Firebase riêng cho không gian làm việc mới. Việc này giúp không gian làm việc mới không thay đổi dự án Firebase được liên kết với không gian làm việc gốc. Cách tạo một dự án Firebase:

    1. Mở không gian làm việc mới và yêu cầu Gemini tạo một dự án Firebase cho bạn.
    2. Cập nhật mọi tệp tham chiếu đến dự án Firebase, chẳng hạn như .env hoặc .firebaserc.

Định cấu hình không gian làm việc

Firebase Studio sử dụng Nix để xác định cấu hình môi trường cho từng không gian làm việc. Nix là một trình quản lý gói thuần tuý chức năng và gán giá trị nhận dạng duy nhất cho từng phần phụ thuộc. Điều này có nghĩa là môi trường của bạn có thể chứa nhiều phiên bản của cùng một phần phụ thuộc một cách liền mạch. Nix cũng có thể tái tạo và khai báo. Trong bối cảnh của Firebase Studio, điều này có nghĩa là bạn có thể chia sẻ tệp cấu hình Nix trên các không gian làm việc để tải cùng một cấu hình môi trường. Tìm hiểu thêm về Nix + Firebase Studio.

Tạo hoặc chỉnh sửa tệp .idx/dev.nix

Cấu hình môi trường được xác định trong tệp .idx/dev.nix trong kho lưu trữ mã của bạn. Tệp này chỉ định tất cả các thành phần sẽ được thêm vào không gian làm việc của bạn, bao gồm:

Hãy xem tệp .idx/dev.nix sau đây để biết cấu hình môi trường không gian làm việc cơ bản cho phép xem trước ứng dụng trong Firebase Studio:

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-24.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

Áp dụng cấu hình mới

Bất cứ khi nào bạn thêm hoặc cập nhật tệp cấu hình dev.nix, Firebase Studio sẽ hiển thị một lời nhắc ở góc dưới bên phải để Xây dựng lại môi trường. Thời gian xây dựng lại môi trường tuỳ thuộc vào số lượng gói mà cấu hình của bạn cần.

Gỡ lỗi khi xây dựng môi trường không thành công

Vì tệp cấu hình là mã mà máy có thể đọc được, nên tệp này có thể gặp lỗi. Nếu điều này xảy ra, môi trường có thể không xây dựng được và không khởi động. Firebase Studio sẽ hiển thị một lựa chọn để khởi động môi trường Khôi phục. Không gian làm việc này không bao gồm bất kỳ cấu hình nào mà bạn đã xác định và chỉ chạy cơ bảnCode OSS. Điều này giúp bạn có cơ hội sửa lỗi trong tệp cấu hình dev.nix và xây dựng lại môi trường.

Các bước tiếp theo