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 cộng tác, dựa trên đám mây giúp đơn giản hoá quy trình xây dựng ứng dụng bằng cách kết hợp rộng rãi các 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, đầy đủ chức năng: bạn có thể truy cập vào không gian làm việc Firebase Studio từ bất kỳ thiết bị nào 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 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 chứa mọi thứ bạn cần để phát triển ứng dụng. Thư mục này chứa mã, trình soạn thảo mã (có các trình bổ trợ liên quan đến dự án của bạn) và chuỗi công cụ hỗ trợ phát triển ứng dụng. Việc này cũng giống như 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ó toàn bộ máy tính và hệ điều hành được định cấu hình sẵn và dành riêng để xây dựng ứng dụng, chạy trên trình duyệt trên đám mây, 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, 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 nhiều ứng dụng 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:

Đị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 mỗi không gian làm việc. Nix là một trình quản lý gói thuần tuý về chức năng và chỉ định 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. Phương thức này cũng có thể tái tạo và khai báo. Trong ngữ 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ã. Tệp này chỉ định tất cả các thành phần cần thêm vào không gian làm việc, bao gồm:

Hãy xem tệp .idx/dev.nix mẫu 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-23.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ị lời nhắc ở góc dưới bên phải để Tạo lại môi trường. Thời gian cần thiết để tạo lại môi trường phụ thuộc vào số lượng gói mà cấu hình của bạn cần.

Lỗi bản dựng môi trường gỡ lỗi

Vì tệp cấu hình là mã mà máy có thể đọc được, nên các tệp này có thể có lỗi. Nếu điều này xảy ra, môi trường có thể không tạo được và không khởi động. Firebase Studio hiển thị một tuỳ chọn để bắt đầu 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 Code OSS cơ bản. Điều này giúp bạn có cơ hội khắc phục lỗi trong tệp cấu hình dev.nix và tạo lại môi trường.

Các bước tiếp theo