Menggunakan aplikasi sudut ke firebase dengan tindakan gitub

Set instruksi ini membantu Anda mengatur tindakan github untuk membangun proyek sudut dan menggunakan hosting firebase di acara push. Bahkan Anda dapat merujuk tutorial ini untuk membangun node apa pun.Aplikasi JS dan digunakan untuk firebase.

Tindakan GitHub memungkinkan Anda untuk mengotomatisasi, menyesuaikan, dan menjalankan alur kerja pengembangan perangkat lunak Anda tepat di repositori Anda. Ini adalah cara terbaik untuk membuat dan mempertahankan kehidupan integrasi/penyebaran kontinu (CI/CD) yang berkelanjutan untuk aplikasi Anda.

Kami berasumsi Anda sudah mendorong aplikasi Anda ke Github Repository. Mari kita mulai dengan konfigurasi tindakan github.

Langkah 1 - Buat Tindakan GitHub

Masuk ke akun GitHub Anda dan akses repositori Anda. Di repositori Anda klik Tindakan tab, lalu klik "Siapkan alur kerja sendiri" tautan.

Lihat di bawah tangkapan layar untuk referensi:

Langkah 2 - Buat alur kerja

Setelah Anda mengklik tautan Alur Kerja SetP, ini akan mengedit file baru ".github/alur kerja/utama.yml ”di bawah repositori. Yang berisi beberapa konfigurasi default untuk alur kerja.

Anda akan melihat file yang baru saja dikelilingi, sesuatu seperti ini:

Jobs: # Alur kerja ini berisi satu pekerjaan yang disebut "Build" Build: # Jenis pelari yang akan dijalankan oleh pekerjaan itu di Run-On: Ubuntu-Latest # Steps mewakili urutan tugas yang akan dieksekusi sebagai bagian dari langkah pekerjaan pekerjaan pekerjaan : # Check -out repositori Anda di bawah $ github_workspace, sehingga pekerjaan Anda dapat mengaksesnya - menggunakan: tindakan/[email dilindungi] # menjalankan satu perintah menggunakan runners shell - nama: jalankan skrip satu baris jalankan: echo halo, dunia! # Menjalankan satu set perintah menggunakan runners shell - nama: jalankan skrip multi -line run: | echo menambahkan tindakan lain untuk membangun, menguji gema, dan menggunakan proyek Anda. 

Langkah 3 - Kustomisasi alur kerja Anda

Sekarang, kami akan menyesuaikan file konfigurasi alur kerja berdasarkan persyaratan kami. Pada langkah ini kami memiliki kerusakan konfigurasi langkah demi langkah untuk membuat Anda mengerti. Bahkan Anda dapat melewatkan langkah ini, karena file konfigurasi penuh disediakan dalam langkah selanjutnya.

1. Tentukan nama alur kerja - Ini adalah langkah opsional, tetapi Anda dapat memberikan nama untuk alur kerja Anda.

   Nama: Deploy_to_firebase_hosting 

2. Kustomisasi nama pekerjaan - Semua pekerjaan didefinisikan di bawah bagian “Pekerjaan:”. Pertama, kami mengubah nama pekerjaan Defualt Build ke Firebase-Deploy. Anda dapat mengubah ini menjadi nama apa pun sesuai sesuai dengan Anda.

   Pekerjaan: Firebase-Deploy: 

3. Kustomisasi pemicu - Alur kerja default memicu setiap dorongan ke cabang apa pun. Anda mungkin perlu membatasi ini pada cabang tertentu.

   Misalnya, aktifkan pemicu alur kerja hanya pada dorong ke cabang utama atau rilis/*:

   ON: PUSH: Cabang: - Utama - Rilis/* 

4. Perbarui tindakan checkout - Alur kerja default menggunakan tindakan/[email dilindungi], yang merupakan versi terbaru. Jadi tidak perlu melakukan perubahan di sini tetapi Anda masih dapat mengubah ini menjadi paling banyak tindakan saat ini/[email dilindungi]

   - Penggunaan: Tindakan/[Email Dilindungi] 

5. Kustomisasi Node.JS membangun pemicu - Sekarang, tentukan node.Versi JS dan Bangun Perintah untuk Aplikasi Angular Anda. Misalnya, kami menggunakan node.JS 12.Versi x untuk membangun aplikasi ini.

   Langkah: - Penggunaan: Tindakan/[Email Dilindungi] - Penggunaan: Tindakan/[Email Dilindungi] Dengan: Node -Versi: '12.X ' - Jalankan: Instal NPM - Jalankan: NPM Run Build: Prod 

6. Digerikan ke Firebase - Langkah terakhir adalah menggunakan aplikasi Anda ke fungsi Firebase.

   Langkah: - Penggunaan: Tindakan/[Email Dilindungi] - Penggunaan: Tindakan/[Email Dilindungi] Dengan: Node -Versi: '12.x ' - run: npm install - run: npm run build: prod - use: w9jds/[email dilindungi] dengan: args: disploy - hanya hosting env: firebase_token: $ Secrets.Firebase_token 

   Sesuai konfigurasi di atas, penyebaran hanya akan dilakukan untuk hosting firebase. Anda bahkan dapat mengubah nilai Args menjadi “Menyebarkan -hanya fungsi”Untuk menggunakan fungsi firbase.

Sekarang klik Mulai Komit di sisi kanan untuk melakukan alur kerja baru Anda.

Langkah 4 - Setup Token Firebase

Tindakan GitHub Menyebarkan Pekerjaan membutuhkan firebase_token untuk otentikasi untuk menggunakan kode di firebase. Anda dapat menghasilkan token menggunakan alat CLI Firebase di sistem Anda.

Pertama, pasang alat firebase menggunakan NPM.

npm i -g -firebase -tools  

Lalu jalankan Firebase Login: CI Perintah di terminal:

Firebase Login: CI  

Ini akan menunjukkan kepada Anda tautan di terminal Anda, buka tautan ini di browser web dan otorisasi lengkap. Ini akan menunjukkan kepada Anda token untuk digunakan untuk tugas CI.

Contoh: Firebase Deploy --Token "\ $ firebase_token"

Karena tidak aman untuk menjaga token ini dalam file konfigurasi. Tambahkan token ini ke rahasia github.

Di repositori github Anda, buka Pengaturan> Rahasia> Rahasia Repositori Baru:

Menggunakan Firebase_token Sebagai nama dan masukkan kode rahasia di nilai bagian. Kemudian klik tombol Tambah Rahasia.

Langkah 5 - Konfigurasi Alur Kerja Akhir

File konfigurasi alur kerja terakhir Anda harus terlihat seperti ini di editor teks:

mengajukan: .github/alur kerja/utama.YML

Nama: deploy_to_firebase_hosting on: Push: cabang: - master - rilis/* Jobs: Firebase -Deploy: Run -on: Ubuntu -latest Langkah: - Penggunaan: Tindakan/[Email Dilindungi] - Penggunaan: Tindakan/[Email Dilindungi] Dengan: Node-Versi: '12.x ' - run: npm install - run: npm run build: prod - use: w9jds/[email dilindungi] dengan: args: disploy - hanya hosting env: firebase_token: $ Secrets.Firebase_token 

Sekarang Anda dapat melakukan file konfigurasi alur kerja ke repositori Anda. Alur kerja ini ditambahkan ke .github/alur kerja/utama.YML. Anda dapat mengubah utama.YML Fielname pilihan Anda dengan .Ekstensi YML.

Selanjutnya, silakan dan dorong beberapa perubahan pada repositori gitub Anda. Ini akan membuat tindakan github dan melakukan langkah -langkah yang ditentukan dalam alur kerja.

Kesimpulan

Dalam tutorial ini, Anda telah belajar membangun proyek sudut menggunakan tindakan github dan menggunakan hosting firebase.

Anda juga dapat mengunjungi dokumentasi Tindakan GitHub untuk lebih jelasnya.