เกี่ยวกับพื้นที่ทํางาน Firebase Studio

Firebase Studio มีสภาพแวดล้อมการพัฒนาแบบทำงานร่วมกันบนระบบคลาวด์ที่ช่วยให้กระบวนการสร้างแอปพลิเคชันง่ายขึ้นด้วยเฟรมเวิร์กและไลบรารีที่หลากหลาย

หลังจากตั้งค่าพื้นที่ทํางาน Firebase Studio แล้ว คุณจะเข้าถึงและแชร์สภาพแวดล้อมการพัฒนาที่ยืดหยุ่นและใช้งานได้อย่างเต็มรูปแบบได้ ดังนี้ พื้นที่ทํางาน Firebase Studio เข้าถึงได้จากทุกอุปกรณ์และมีเครื่องมือที่ผสานรวมไว้เพื่อปรับปรุงกระบวนการพัฒนาของคุณและทีม

สร้างพื้นที่ทำงาน

เวิร์กスペースใน Firebase Studio คือสภาพแวดล้อมการพัฒนาที่มีทุกสิ่งที่จำเป็นในการพัฒนาแอปพลิเคชัน ซึ่งประกอบด้วยโค้ด ตัวแก้ไขโค้ด (ที่มีปลั๊กอินที่เกี่ยวข้องกับโปรเจ็กต์) และชุดเครื่องมือที่รองรับการพัฒนาแอป การดำเนินการนี้เหมือนกับการสร้างโปรเจ็กต์ใหม่ในสภาพแวดล้อมการพัฒนาบนเดสก์ท็อปในเครื่อง ยกเว้นว่าคุณมีคอมพิวเตอร์ทั้งเครื่องและระบบปฏิบัติการที่กำหนดค่าไว้ล่วงหน้าและเฉพาะเจาะจงสำหรับการสร้างแอปพลิเคชัน ซึ่งทำงานในเบราว์เซอร์บนระบบคลาวด์ที่เข้าถึงได้จากทุกที่

Firebase Studio เวิร์กスペースได้รับการเพิ่มประสิทธิภาพให้ใช้ฐานโค้ดเดียว คุณจึงแยกสภาพแวดล้อมและข้อกำหนดระดับระบบของแอปพลิเคชันต่างๆ ออกจากกันได้ คุณสามารถสร้างพื้นที่ทำงานได้หลายแห่งเพื่อใช้กับแอปพลิเคชันและเฟรมเวิร์กต่างๆ

วิธีสร้างพื้นที่ทำงานใหม่

กำหนดค่าพื้นที่ทำงาน

Firebase Studio ใช้ Nix เพื่อกำหนดการกำหนดค่าสภาพแวดล้อมสำหรับแต่ละเวิร์กスペース Nix เป็นเครื่องมือจัดการแพ็กเกจที่ทำงานได้อย่างสมบูรณ์และกำหนดตัวระบุที่ไม่ซ้ำกันให้กับข้อกำหนดแต่ละรายการ ซึ่งหมายความว่าท้ายที่สุดแล้ว สภาพแวดล้อมของคุณจะมีข้อกำหนดเดียวกันหลายเวอร์ชันได้อย่างราบรื่น ทั้งยังทําซ้ำได้และประกาศได้ ในบริบทของ Firebase Studio หมายความว่าคุณสามารถแชร์ไฟล์การกำหนดค่า Nix กับพื้นที่ทำงานต่างๆ เพื่อโหลดการกำหนดค่าสภาพแวดล้อมเดียวกัน ดูข้อมูลเพิ่มเติมเกี่ยวกับ Nix + Firebase Studio

สร้างหรือแก้ไขไฟล์ .idx/dev.nix

การกำหนดค่าสภาพแวดล้อมจะกำหนดไว้ในไฟล์ .idx/dev.nix ในที่เก็บโค้ด ไฟล์นี้จะระบุคอมโพเนนต์ทั้งหมดที่จะเพิ่มลงในพื้นที่ทํางาน ซึ่งรวมถึงรายการต่อไปนี้

ดูตัวอย่างไฟล์ .idx/dev.nix ต่อไปนี้สําหรับการกําหนดค่าสภาพแวดล้อม Workspace พื้นฐานที่เปิดใช้ตัวอย่างแอปใน 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";
      };
    };
  };
}

ใช้การกำหนดค่าใหม่

ทุกครั้งที่คุณเพิ่มหรืออัปเดตไฟล์การกําหนดค่า dev.nix Firebase Studioจะแสดงข้อความแจ้งที่มุมล่างขวาเพื่อสร้างสภาพแวดล้อมอีกครั้ง ระยะเวลาในการสร้างสภาพแวดล้อมใหม่จะขึ้นอยู่กับจํานวนแพ็กเกจที่จําเป็นในการกําหนดค่า

การแก้ไขข้อบกพร่องของการสร้างสภาพแวดล้อมไม่สําเร็จ

เนื่องจากไฟล์การกําหนดค่าเป็นโค้ดที่เครื่องอ่านได้ จึงอาจมีข้อผิดพลาด หากเกิดกรณีนี้ขึ้น สภาพแวดล้อมอาจสร้างไม่สำเร็จและจะไม่เริ่มต้น Firebase Studio แสดงตัวเลือกในการเริ่มสภาพแวดล้อมการกู้คืน พื้นที่ทํางานนี้ไม่มีการกำหนดค่าใดๆ ที่คุณได้กําหนดไว้และจะทํางานแค่Code OSSพื้นฐานเท่านั้น วิธีนี้จะช่วยให้คุณมีโอกาสแก้ไขข้อผิดพลาดในไฟล์การกำหนดค่า dev.nix และสร้างสภาพแวดล้อมขึ้นมาใหม่

ขั้นตอนถัดไป