CI/CD React Native Using Github Action

Ayi angio
3 min readJun 27, 2020

--

Hai Teman-teman bagaimana kabar kalian ? saya harap kalian dalam keadan baik.

Pada kesempatan kali ini saya akan berbagi bagaimana membuat automasi untuk build apk pada react-native, jadi jika teman-teman yang mengalami kendala laptop sangat laptop saat proses build mungkin tulisan ini bisa menjadi solusinya.

Sebulumnya teman-teman harus menyiapkan terlebih dahulu repository react-native yang siap untuk di build. Langung saja kita mulai

Steps

  1. Buat ENV variable untuk menggantikan fungsi file .env
  • Masuk pada bagian setting repository kalian
  • Kemudian masuk pada bagian Secret, seperti gambar dibawah ini
Secrest
  • New Secret jika kalian ingin menambahkan Variable .env yang baru (nama variable tidak boleh diawali dengan angka atau diberi spasi)

2. Didalam project kalian buat sebuah folder baru bernama .github

3. Didalam folder .github buat folder baru lagi bernama workflows.

4. Buat sebuah file ci.yml , hasilnya seperti ini

Structure Folder

5. Masukan script berikut ke dalam file ci.yml

ci.yml

Caution

Untuk Script env disesuaikan dengan env kalian, jika kalian mengambil value env dari secret yang kalian buat pada langkah pertama, kalian sesuaikan key yang ada pada secret yang kalian buat di langkah pertama, misal kalian buat secret key bernama DB_NAME untuk mengambil nilai kalian gunakan ${{ secrets.DB_NAME }}.

6. Push Repo kalian, kemudian masuk ke bagian actions yang ada di menubar repository kalian

Workflows

7. Klik Build Android by Ayiangio atau sesuai dengan nama yang kalian define di file ci.yml. jika proses berhasil maka akan seperti ini

Github Actions

8. Untuk mendownload file .apk hasil build ada pada bagian Artifacts

Artifactas

Sekian Tulisan sederhana saya, mohon maaf kalau ada kekeliruan dalam pembuatan tutorial ini, lebih dan kurangnya saya mohon maaf, jika ada masukan bisa langsung response tulisan ini. Wasalam

--

--

Ayi angio
Ayi angio

Written by Ayi angio

DevOps Engineer | Github: Ayiangio | Email: moh.harisangio@gmail.com

No responses yet