Memulai project yang ada

Firebase Studio menawarkan cara yang efisien untuk mengimpor project aplikasi web yang ada ke ruang kerja Firebase Studio, sehingga Anda dapat terus mengerjakan project yang ada dengan bantuan berteknologi AI Firebase Studio serta kemampuan pengembangan, deployment, dan pemantauan yang efisien.

Anda dapat mengimpor project dari repositori sumber (GitHub, GitLab, atau Bitbucket), dari Figma dengan plugin Figma Builder.io, atau dari file arsip lokal. Firebase Studio mendukung impor file tar yang dikompresi dengan Gzip dan file zip berukuran kurang dari 100 MiB.

Anda juga dapat menduplikasi project yang ada untuk membuat salinannya.

Memulai

Langkah 1: Impor project Anda

  1. Login ke Akun Google Anda dan buka Firebase Studio.

  2. Klik Import a project. Dialog Import project akan muncul.

  3. Di kolom Repo URL, masukkan URL repositori GitHub, GitLab, atau Bitbucket Anda.

  4. Masukkan nama project Anda.

  5. Jika Anda mengimpor project Flutter, aktifkan This is a Flutter app. Jika tidak, biarkan kotak centang kosong.

  6. Klik Impor.

  7. Jika repositori bersifat pribadi, Anda akan diminta untuk mengautentikasi ke penyedia yang sesuai:

    • Untuk GitHub, ikuti petunjuk untuk menyalin token akses.
    • Untuk GitLab, Anda dapat menggunakan sandi akun atau membuat token akun pribadi
    • Untuk Bitbucket, gunakan nama pengguna (bukan email) dan sandi aplikasi untuk melakukan autentikasi.

Langkah 2: Instal dependensi

Secara default, Firebase Studio tidak menginstal dependensi saat Anda mengimpor project, jadi Anda harus melakukannya secara manual setelah impor pertama.

Misalnya, jika mengimpor aplikasi Flutter, Anda harus menjalankan flutter pub get di terminal, atau npm install untuk aplikasi JavaScript atau TypeScript.

Anda dapat mengubahnya untuk semua pengguna template di masa mendatang dan untuk impor mendatang dengan menambahkan hook onCreate ke file dev.nix di repositori project. Anda dapat mengonfigurasi onCreate untuk menjalankan perintah build yang sesuai untuk project Anda (misalnya, npm install atau flutter pub get).

Setelah dikonfigurasi, dependensi akan diinstal secara otomatis setiap kali pengguna mengimpor repositori Anda ke Firebase Studio.

Langkah berikutnya