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 từ mọi thiết bị và sử dụng các công cụ tích hợp để đơn giản hoá quy trình phát triển của bạn và nhóm.

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ã, trình soạn thảo mã (với các trình bổ trợ liên quan đến dự án) và chuỗi công cụ hỗ trợ 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, 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.

Không gian làm việc Firebase Studio được tối ưu hoá để chứa một cơ sở mã duy nhất, vì vậy, bạn có thể giữ cho 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 được tách biệt với nhau. Bạn có thể tạo nhiều không gian làm việc để sử dụng với nhiều ứng dụng và khung.

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

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

Việc sao chép không gian làm việc Firebase Studio sẽ tạo một bản sao của dự án chứa mọi thứ trong thư mục home/user. Điều này rất 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 ý: Việc sao chép các không gian làm việc lớn hơn có thể mất vài phút. 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. Điều này giúp ngăn không gian làm việc mới thực hiện các thay đổi đối với dự án Firebase được liên kết với không gian làm việc gốc. Cách tạo 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 hoàn toàn có 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 ví dụ sau đây về tệp .idx/dev.nix cho 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 hiển thị lời nhắc ở góc dưới cùng bên phải để Xây dựng lại môi trường. Thời gian cần thiết để 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 các lỗi xây dựng môi trường

Vì tệp cấu hình là mã có thể đọc được bằng máy, nên chúng 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 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 cho phép bạn 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