teknologi

cara menggunakan hosting firebase untuk web AGC

pada kali ini saya akan membahas bagaimana cara memanfaatkan firebase sebagai webhosting untuk web AGC.
pada praktek ini saya akan menggunakan web agc sebagai bahan praktek, dimana web agc ini akan saya export kedalam bentuk *.html.

setelah web agc saya export kedalam extension html, akan saya upload kedalam hosting firebase.sebelum mengupload file ke dalam hosting di firabase hal pertama yang harus disiapkan adalah node.js harus sudah terinstall didalam pc atau komputer anda.

berikut ini adalah cara dan langkah-langkah cara menginstall node.js didalam komputer kita.

Instalasi Node.Js

  • pertama-tama silahkan download dulu sofware node.js ini.caranya silahkan klik link ini nodejs.org/en/, kemudian silahkan download nodejs nya.

nodejs

  • setelah nodejs di download silahkan dinstall
  • instalasi yang anda lakukan berhasil ketika muncul menu nodejs seperti pada gambar dibawah ini

menu nodejs

setelah nodejs terinstall di komputer anda maka langkah selanjutnya adalah upload file kita di hosting firebase Berikut ini langkah-langkahnya

  • Pertama-tama silahkan buka firebase.google.com, kemudian silahkan login menggunakan email gmail anda.
  • setelah anda login menggunakan email gmail anda maka akan muncul tampilan seperti pada gambar dibawah ini

firabase dasboard

  • langkah selanjutnya adalah kita membuat project dengan cara klik add project, kemudian tulis nama projectnya kali ini saya akan menamai project sama dengan nama lighting.

create project

  • warna kotak merak dengan angka satu adalah nama project kita, kotak merah nomor dua adalah prefix url kita nantinya,setelah itu silahkan klik continue

  • setelah muncul jendela windows diatas silahkan klik continue dan pada step terakir akan muncul tampilan seperti dibawah ini

  • ketika muncul tampilan seperti diatas jangan lupa untuk memilih option seperti pada kotak berwarna merah “pilih default account for firebase”.setelah itu klik create project dan tunggu beberapa detik sampai prosesnya selesai.setelah prosesnya selesai maka akan muncul tampilan seperti pada gambar dibawah ini

  • klik continue dan project sudah ready untuk digunakan.

setelah kita create project melaui dasboard di firebase, untuk upload filenya kita akan menggunakan node.js.berikut ini adalah langkah-langkahnya:

  • klik node.js command prompt yang saya kasih kotak merah,langkah-langkahnya seperti pada gambar dibawah ini

  • setelah anda klik nanti akan muncul tampilan command prompt seperti dibawah ini

  • setelah muncul tampilan command seperti diatas defaultnya di C:\users\wasis.
  • kemudian saya akan beralih ke folder tempat file yang saya upload dengan perintah seperti dibawah ini

  • setelah itu silahkan ketikan perintah “firebase init”

  • langkah selanjutnya silahkan tulis y kemudian tekan enter, setelah itu akan muncul tampilan seperti pada gambar dibawah ini

  • kemudian silahkan pilh menu hosting(seperti yang saya kasih kotak), caranya silahkan tekan tanda panah pada keyboard
  • trus setelah tulisan berubah menjadi aktif atau berwarna biru muda silahkan tekan space pada keyboard
  • kemudian setelah sesuai seperti pada gambar diatas silahkan tekan enter pada keyboard
  • setelah itu akan muncul tampilan seperti pada gambar dibawah ini

gambar use an existing project

  • kemudian tekan enter saja pada keyboard, kerena tadi sudah membuat project melalui dasboard di firebase

gambar2

  • setelah muncul seperti pada gambar diatas silahkan pilih project yang mau kita deploy.tadi projeknya saya namai ligthing2.
  • untuk memilih project anda bisa menggunakan tanda panah bawah / atas pada keyboard.setelah project sudah anda pilih silahkan tekan enter pada keyboard
  • setelah itu tekan enter keyboard sama muncul tampilan seperti dibawah ini

  • jika seperti gambar diatas itu menandakan sudah selesai setting hosting di firabase
  • langkah selanjutnya silahkan masuk di folder public dengan cara ketik cd public
  • kemudian silahkan copy file web anda di folder public ini.
  • setelah semua file dipindahkan ke folder public, langkah selanjutnya adalah kita akan upload filenya, caranya silahkan ketik dicommand prompt firebase deploy

  • silahkan ditunggu proses diatas sampai selesai 100%
  • untuk cek webnya bisa dilihat di lighting2.web.app

demikian tutorial cara menggunakan hosting firebase sebagai hosting dari web AGC semoga bermanfaat.

 

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *