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 tạo ứng dụng bằng cách kết hợp nhiều khung và thư viện.

Sau khi thiết lập một 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ừ 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 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. Nền tảng này chứa mã, trình chỉnh sửa mã (với các trình bổ trợ 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. Quá trình này tương tự như khi bạn 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 cho việc tạo ứng dụng, chạy trên trình duyệt của bạn trên đám mây và có thể truy cập ở bất cứ đâu.

Firebase StudioKhông gian làm việc được tối ưu hoá để chứa một cơ sở mã duy nhất, vì vậy, 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 nhiều ứng dụng và khung hình.

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

Thiết lập 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à 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. Nó 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ã 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 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 một lời nhắc ở góc dưới cùng 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 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 khi tạo môi trường

Vì tệp cấu hình là mã mà máy có thể đọc được, nên chúng 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 sẽ hiển thị một lựa 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. Việc này giúp bạn có cơ hội sửa 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