Integrasi Dengan Firebase

Untuk melakukan integrasi sehingga Firebase dapat menyambung dengan Aplikasi React Native dapat dilihat juga pada dokumentasi Firebase dimana harus menambahkan beberapa hal pada folder React Native tersebut

Pertama dilakukan instalasi firebase pada foldernya dengan menuliskan npm install firebase — save pada terminal

Kemudian pada file javascript yang digunakan untuk menyambungkan dengan firebase ditambahkan

var firebase = require(“firebase”);

var config = {
apiKey: “<API_KEY>”,
authDomain: “<PROJECT_ID>.firebaseapp.com”,
databaseURL: “https://<DATABASE_NAME>.firebaseio.com”,
storageBucket: “<BUCKET>.appspot.com”,
};
firebase.initializeApp(config);

Firebase disini dibuat suatu variabel yang dapat dipakai untuk menyambungkan kode dengan firebase

Config disini dapat disalin dari konfigurasi yang ada pada konsol masing-masing proyek firebase dan kemuadian diinisiasi konfigurasinya

Selain itu saya juga mencoba bagaimana menulis kedalam firebase pertama harus ditambahkan variabel database untuk dapat membaca databasenya dengan cara

var database = firebase.database();

Kemudian dapat dapat dilakukan penambahan dengan contoh kode dibawah ini

export default class MakeDatabase extends Component {
constructor(props) {
super(props);
firebase.database().ref(‘users/’ + 12345).set({
username: “name”,
email: “email”
});
}
}

Dengan contoh kode diatas ketika class MakeDatabase dijalankan maka akan dibuatkan reference ke users -> 12345 atau jika sudah ada maka akan diganti seluruhnya denga isi baru yang ditulis. Pada contoh ini maka users -> 12345 akan ada isi suatu objek username dengan isi name dan objek email dengan isi email

Saya mempelajari juga bagaimana menggunakan react native mulai dari penggunaan beberapa istilah yang sering digunakan seperti Props, State, styling menggunakan Flex dan juga contoh-contoh untuk pembuatan list yang menggunakan FlatView.

Selain itu pada sprint 0, yaitu ketika pembuatan CI saya juga menemukan suatu image yang dapat digunakan untuk mendownload seluruh keperluan yang ada untuk react native sehingga hanya beberapa hal saja yang perlu diinstall seperti jest-cli, firebase-cli, dan react-native-cli. Saya juga melakukan integrasi deployment kehosting yang dimiliki oleh firebase dengan -menambahkan

-firebase use — token 1/QUA-QR3inQf0ESsw3XByOpvgKiLkRCftpjJ9pw-D3_A

- firebase deploy — non-interactive — token 1/QUA-QR3inQf0ESsw3XByOpvgKiLkRCftpjJ9pw-D3_A

Kedua hal ini diperlukan agar dapat melakukan deployment kefirebase dimana ketika melakukan firebase deploy maka akan dicek firebase.json yang ada pada folder aplikasinya dan mengecek folder apa yang harus dideploy dan untuk pengguna lain dapat mendownload .apk dengan mudah maka dideploy folder dimana .apk itu ada dan ditambahkan suatu index.html agar dapat ditampilkan kelink https://ppla8-5cd59.firebaseapp.com/ dimana ini adalah link hosting yang diberikan oleh firebasenya