Tentang ruang kerja Firebase Studio

Firebase Studio menyediakan lingkungan pengembangan berbasis cloud kolaboratif yang menyederhanakan proses pembuatan aplikasi dengan kombinasi framework dan library yang luas.

Setelah menyiapkan ruang kerja Firebase Studio, Anda dapat mengakses dan berbagi lingkungan pengembangan yang fleksibel dan berfungsi penuh: ruang kerja Firebase Studio dapat diakses dari perangkat apa pun dan menyediakan alat terintegrasi untuk menyederhanakan proses pengembangan Anda dan tim.

Membuat ruang kerja

Ruang kerja di Firebase Studio adalah lingkungan pengembangan yang berisi semua yang Anda perlukan untuk mengembangkan aplikasi. Project ini berisi kode, editor kode (dengan plugin yang relevan dengan project Anda), dan toolchain yang mendukung pengembangan aplikasi. Ini seperti membuat project baru di lingkungan pengembangan desktop lokal, kecuali Anda memiliki seluruh komputer dan sistem operasi yang telah dikonfigurasi sebelumnya dan dikhususkan secara eksklusif untuk mem-build aplikasi, yang berjalan di browser di cloud, yang dapat diakses di mana saja Anda berada.

Ruang kerja Firebase Studio dioptimalkan untuk berisi satu codebase, sehingga Anda dapat menjaga lingkungan dan dependensi tingkat sistem dari berbagai aplikasi agar tetap terisolasi satu sama lain. Anda dapat membuat beberapa ruang kerja untuk digunakan dengan berbagai aplikasi dan framework.

Untuk membuat ruang kerja baru:

Mengonfigurasi ruang kerja

Firebase Studio menggunakan Nix untuk menentukan konfigurasi lingkungan untuk setiap ruang kerja. Nix adalah pengelola paket yang sepenuhnya fungsional dan menetapkan ID unik ke setiap dependensi, yang pada akhirnya berarti lingkungan Anda dapat berisi beberapa versi dependensi yang sama, dengan lancar. Model ini juga dapat direproduksi dan deklaratif. Dalam konteks Firebase Studio, ini berarti Anda dapat membagikan file konfigurasi Nix di seluruh ruang kerja untuk memuat konfigurasi lingkungan yang sama. Pelajari Nix + Firebase Studio lebih lanjut.

Membuat atau mengedit file .idx/dev.nix

Konfigurasi lingkungan ditentukan dalam file .idx/dev.nix di repositori kode Anda. File ini menentukan semua komponen yang akan ditambahkan ke ruang kerja Anda, termasuk:

Lihat contoh file .idx/dev.nix berikut untuk konfigurasi lingkungan ruang kerja dasar yang mengaktifkan pratinjau aplikasi di 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";
      };
    };
  };
}

Menerapkan konfigurasi baru

Setiap kali Anda menambahkan atau memperbarui file konfigurasi dev.nix, Firebase Studio akan menampilkan perintah di pojok kanan bawah untuk Mem-build ulang lingkungan. Waktu yang diperlukan untuk mem-build ulang lingkungan bergantung pada jumlah paket yang diperlukan konfigurasi Anda.

Kegagalan build lingkungan debug

Karena file konfigurasi adalah kode yang dapat dibaca mesin, file tersebut dapat memiliki error. Jika hal ini terjadi, lingkungan mungkin gagal di-build dan tidak dimulai. Firebase Studio menampilkan opsi untuk memulai lingkungan Pemulihan. Ruang kerja ini tidak menyertakan konfigurasi apa pun yang telah Anda tentukan dan hanya menjalankan Code OSS dasar. Tindakan ini memberi Anda kesempatan untuk memperbaiki error dalam file konfigurasi dev.nix dan mem-build ulang lingkungan.

Langkah berikutnya