Halo pada tutorial kali ini KonsepKoding akan berbagi tutorial bagaimana caranya integrasi SonarQube di local komputer mu untuk mengecek kode quality dari kodingan mu, sonarqube sendiri bisa digunakanan untuk mengukur kualitas kode mu dari banyaknya kode yang duplikat, penggunaan operator yang baik dan dengan menggunakan SonarQube kamu bisa di integrasikan dengan code coverage da unit test juga untuk mengetahui coverage dari unit test mu. 

Tutorial Integrasi SonarQube React Native Kualitas Kode
Tutorial Integrasi SonarQube React Native Kualitas Kode


Nah disini untuk SonarQube nya akan menggunakan docker, pastikan kamu sudah menginstall Docker sebelumnya, kemudian buka terminal dan jaalankan perintah di bawah ini :

docker run -d — name sonarqube -p 9000:9000 sonarqube


Setelah itu tunggu proses instalasi selesai dan akan membuka tab di browser mu. 


Kemudian Buat Project React Native Baru :

npx react-native init SonarProject

Kemudian install library untuk sonarqube untuk developmentnya. 

 yarn -D sonarqube-scanner


Disini kita install untuk mode development dengan flag D untuk sonarqube scannernya.


Kemudian buat file sonarqube-scanner.js

const scanner = require('sonarqube-scanner');

scanner(

  {

    serverUrl: 'http://localhost:9000',

    login: 'username mu',

    password: 'password mu',

    options: {

      'sonar.sources': './src',

    },

  },

  () => process.exit(),

);


Lalu jalankan

node sonarqube-scanner.js

Sebelumnya tambahkan file atau function empty di project mu untuk mengetahui apakah berhasil atau tidak:

  // Unused code
  onUsedCode() {
    try {
    } catch (error) { }
  }

  onUsedCode2() {
    try {
    } catch (error) { }
  }

  onUsedCode3() {
    try {
    } catch (error) { }
  }

  onUsedCode4() {
    try {
    } catch (error) { }
  }

Lalu run ulang maka hasilnya akan seperti ini :






Sekian tutorial untuk integrasi SonarQube dengan React Native, yah SonarQube sendiri bisa dipakai di hampir semua bahasa pemrograman  maupun berbagai jenis Framework.


Baca Tutorial React Native Lainnya :
#32 Tutorial Kalkulasi Latitude Longitude Dua Jarak React Native
#33 Tutorial React Native Handle OnSwipe Pada iOS
#34 Tutorial View Aspect Ratio Square React Native