Menghosting atau Mendeploy Landing Page dengan Firebase - Ojo Isin Tangled

Ojo Isin Tangled

Blog yang digunakan untuk mengetahui seberapa jauh saya belajar dan mencapai sesuatu

Ojo Isin Tangled

test banner

Breaking

Post Top Ad

Ojo Isin Tangled

Post Top Ad

Ojo Isin Tangled

Wednesday, September 25, 2019

Menghosting atau Mendeploy Landing Page dengan Firebase

Cara Mendeploy atau Menghosting Landing Page Menggunakan Firebase

  1. Siapkan Folder yang berisikan Landing Page kalian, pastikan anda mencopy Folder anda lalu Rename menjadi 'Public'
  2. Install 'npm' melalui Node.JS di https://nodejs.org/en/ 

      3. Download sesuai dengan keinginan anda. Setelah anda download, install Node.JS
      4. Saat anda menginstall Node.JS, pastikan anda menekan 'centang' untuk 'Automatically install necessary tool...'


          Mungkin saat menginstall Node.JS akan membutuhkan waktu yang mungkin lama, jadi pastikan anda memiliki waktu luang atau 'Free' saat menginstall Node.JS

      5. Setelah selesai menginstall, cek melalu Command Prompt dengan command npm -v


       6. Jika telah terinstall, kita dapat memulai mendeploy Landing Page kita.
       7. Silahkan menuju ke website Firebase https://firebase.google.com/
       8. Jika anda belum memiliki akun Firebase, anda dapat mendaftar menggunakan akun Email Google anda
       9. Setelah anda masuk ke akun Firebase, anda akan terarahkan ke Console Firebase dan anda diminta untuk memulai project baru
     10. Beri nama project anda sesuai keinginan anda
     11. Setelah itu anda akan terarahkan ke halaman dimana anda dapat mengatur project anda


     12. Pada tab bagian kanan, pilih 'Hosting'
     13. Silahkan buka Command Prompt yang terarah pada folder 'Public' anda.


    14. Tulis 'cmd' di tab tersebut untuk mempermudah, 
    15. Silahkan ikuti panduan yang tertera pada Firebase Guide di Command Prompt anda


   16. Silahkan ikuti langkah ini
  • Are you ready to proceed? (Pilih Y)
  • Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to config (Pada bagian ini arahkan ke 'Hosting' lalu klik 'Spasi', pastikan terdapat bintang (*) di CLI, lalu klik 'Enter')
  • Please select an option (Dikarenakan tadi anda telah membuat project di Website Firebase, pilih 'Use an existing project')
  • Lalu akan keluar nama project yang tadi anda buat
  • What do you want to use as your public directory? (folder anda telah dinamai public bukan? silahkan tulis 'public' di CLI Command)
  • Configure as a single-page app (Pilih 'N')
  • Jika muncul tulisan File public/index.html already exists, pilih saja 'N'
  • Yang terakhir 'Firebase Deploy'
  • Setelah anda berhasil mendeploy nya, anda akan mendapatkan alamat URL Landing Page anda di bagian CLI dibawah ini"
  • +  Deploy complete!
  • Project Console: https://console.firebase.google.com/project/<nama-project>/overview
  • Hosting URL: https://<nama-landingpage>.firebaseapp.com 
  17. Jika sudah, cek melalui web browser anda


Selamat, anda berhasil mendeploy Landing Page anda dengan Firebase

URL:

No comments:

Post a Comment

Post Top Ad

Responsive Ads Here