Menggunakan Fitur Hosting Didalam Firebase Part 1

07/01/2020    Ekky Ridyanto    110     Website

Pada sesi kali ini kita akan mulai mengintegrasikan web app dengan fitur firebasenya. Fitur yang akan kita coba adalah hosting didalam firebase. Tapi pastikan kalian sudah membuat project firebasenya dan membuka halaman dari project tersebut namanya firebasic

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-01

Yang kita butuhkan pertama adalah menginstall nodejs terlebih dahulu jadi silahkan teman teman buka halaman webnya ada link berikut https://nodejs.org/en/ nanti akan diarahkan ke halaman nodejsnya.

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-02

Jadi teman teman tinggal download dan pilih sesuai dengan sistem operasinya bisa mac ataupun windows. Setelah di download dan di install. jika sudah kalian buka terminal atau comand promptnya untuk menuliskan npm --version untuk memastikan kalo nodejsnya berhasil di install

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-03

Tekan enter maka akan tampil versi npmnya. sekedar info install nodejs otomatis npm pun akan ikut terinstall. Intinya disini kita bukan ingin menggunakan nodejs tapi kita butuh npm atau node package manager untuk mendapatkan package-package yang dibutuhkan. Nah sekarang untuk bisa berinteraksi dengan firebase melalui terminal maka kalian tinggal jalankan secara global perintah ini npm install -g firebase-tools

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-04

Kemudian enter, pastikan koneksi internetnya tersambung karena npm akan mendownload semua yang kita butuhkan. Pada saat artikel ini dibuat versi firebase yang saya gunakan adalah 7.5.0. Untuk melihat versi firebase nya kalian cukup menuliskan perintah seperti ini

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-05

Langkah berikutnya kita harus menginisiasi firebase diproject webnya masing masing tapi tentukan dulu lokasi folder project webnya mau dimana?

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-06

Saya buat folder firebasic didalam folder firebase. arahkan terminalnya ke directory tersebut dengan perintah cd lalu lokasi foldernya

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-06

Setelah itu baru jalankan perintah

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-07

Kalo teman teman belum login ke firebase maka akan terjadi error. katanya wajib melakukan authentikasi terlebih dahulu

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-08

Untuk authentikasinya jalankan perintah firebase login

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-09

Izinkan firebase untuk memberikan info kesalahan

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-010

Tiba tiba muncul browser disuruh login dengan google. kalian boleh pilih email dan masukkan password sesuai akun gmailnya masing masing

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-011

Kalo sudah tinggal izinkan firebase untuk mengakses akun google kalian

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-012

Yuhuy kita berhasil melakukan login ke firebase CLI

Menggunakan-Fitur-Hosting-Didalam-Firebase Part1-080120200-Eki-013

dan kalian boleh close browsernya. Pada bagian berikutnya kita akan mulai melakukan inisiasi project web dilokasi folder yang sudah kalian buat. Terima kasih

Artikel, Javascript, HTML CSS, website, Firebase

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More