Jika Anda membangun aplikasi Angular atau Next.js yang dirender server, lihat
Firebase App Hosting generasi berikutnya, sebuah solusi full stack untuk framework web modern.
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Firebase Hosting
plat_web
Firebase Hosting menyediakan hosting yang cepat dan aman untuk aplikasi web Anda.
Firebase Hosting adalah hosting konten web berkelas produksi untuk developer.
Dengan satu perintah, Anda dapat dengan cepat men-deploy aplikasi web ke CDN global (jaringan penayangan konten).
Meskipun Firebase Hosting dioptimalkan untuk aplikasi web statis dan
satu halaman, Anda juga dapat menghubungkan Firebase Hosting dengan
Cloud Functions atau Cloud Run untuk
membangun dan menghosting konten dinamis dan microservice di Firebase.
Mulai
Kemampuan utama
Menayangkan konten melalui koneksi yang aman |
SSL tanpa konfigurasi sudah disertakan dalam Firebase Hosting, sehingga konten selalu ditayangkan dengan aman.
|
Menayangkan konten dengan cepat |
Setiap file yang Anda upload disimpan dalam cache di SSD server edge CDN di seluruh dunia, dan akan berfungsi sebagai gzip atau Brotli. Secara otomatis, kami akan memilih metode kompresi terbaik untuk konten Anda. Di mana pun pengguna berada, konten akan ditayangkan dengan cepat.
|
Mengemulasi dan membagikan perubahan yang Anda buat sebelum ditayangkan |
Lihat dan uji perubahan di URL yang dihosting secara lokal serta berinteraksi dengan backend yang diemulasi.
Bagikan perubahan dengan rekan satu tim Anda menggunakan URL pratinjau sementara. Hosting juga menyediakan integrasi GitHub untuk memudahkan iterasi konten yang dipratinjau.
|
Men-deploy versi baru dengan satu perintah |
Dengan Firebase CLI, aplikasi Anda dapat aktif dan berjalan dalam hitungan detik. Alat command line dapat digunakan untuk menambahkan target deployment ke dalam
proses build Anda.
Jika Anda perlu mengurungkan deployment, Hosting memungkinkan rollback dengan sekali klik.
|
Bagaimana cara kerjanya?
Baik untuk men-deploy halaman landing aplikasi yang sederhana maupun Progressive Web App (PWA) yang kompleks, Hosting menyediakan infrastruktur, fitur, dan serangkaian alat yang disesuaikan untuk men-deploy serta mengelola situs dan aplikasi.
Dengan Firebase CLI, Anda dapat men-deploy file dari direktori lokal di komputer ke server Hosting kami. Selain menayangkan konten statis, Anda dapat menggunakan Cloud Functions for Firebase atau Cloud Run untuk menayangkan konten dinamis dan menghosting microservice di situs Anda. Semua konten
ditayangkan melalui koneksi SSL dari server edge terdekat di CDN global kami.
Anda juga dapat melihat dan menguji perubahan sebelum ditayangkan.
Dengan Firebase Local Emulator Suite,
Anda dapat mengemulasi resource aplikasi dan backend di URL yang dihosting secara lokal. Anda juga dapat membagikan perubahan di URL pratinjau sementara dan menyiapkan integrasi GitHub untuk memudahkan iterasi selama pengembangan.
Firebase Hosting memiliki opsi konfigurasi hosting yang ringan bagi Anda untuk membangun PWA yang kompleks. Anda dapat
dengan mudah menulis ulang URL untuk perutean sisi klien, menyiapkan header kustom, dan bahkan
menayangkan konten yang dilokalkan.
Untuk menayangkan konten Anda, Firebase menawarkan beberapa opsi domain dan subdomain:
Secara default, setiap project Firebase memiliki subdomain tanpa biaya pada domain web.app
dan firebaseapp.com
. Kedua situs ini menayangkan konten dan
konfigurasi yang di-deploy yang sama.
Anda dapat membuat beberapa situs jika memiliki
situs dan aplikasi terkait yang menayangkan konten berbeda tetapi tetap memiliki
resource project Firebase yang sama (misalnya jika Anda memiliki blog, panel admin, dan
aplikasi publik).
Anda dapat menghubungkan nama domain Anda sendiri ke
situs yang di-hosting oleh Firebase.
Firebase secara otomatis memberikan sertifikat SSL untuk semua domain Anda, sehingga semua konten Anda ditayangkan dengan aman.
Alur implementasi
|
Menginstal Firebase CLI |
Firebase CLI memudahkan penyiapan project Hosting yang baru, menjalankan server pengembangan lokal, dan men-deploy konten.
|
|
Menyiapkan direktori project |
Tambahkan aset statis ke direktori project lokal, lalu jalankan firebase init untuk menghubungkan direktori tersebut ke project Firebase.
Di direktori project lokal, Anda juga dapat menyiapkan Cloud Functions atau Cloud Run untuk konten dinamis dan microservice.
|
|
Melihat, menguji, dan membagikan perubahan sebelum ditayangkan (opsional) |
Jalankan firebase emulators:start untuk mengemulasi Hosting dan resource project backend di URL yang dihosting secara lokal.
Untuk melihat dan membagikan perubahan di URL pratinjau sementara, jalankan firebase hosting:channel:deploy untuk membuat dan men-deploy konten ke saluran pratinjau. Siapkan integrasi GitHub untuk memudahkan iterasi konten yang dipratinjau.
|
|
Men-deploy situs |
Setelah semuanya siap, jalankan firebase deploy untuk mengupload snapshot terbaru ke server kami. Jika perlu mengurungkan deployment, Anda dapat melakukan roll back hanya dengan sekali klik di Firebase console.
|
|
Menautkan ke Aplikasi Web Firebase (opsional) |
Dengan menautkan situs ke Aplikasi Web Firebase, Anda dapat menggunakan Google Analytics untuk mengumpulkan data penggunaan dan perilaku untuk aplikasi serta menggunakan Firebase Performance Monitoring untuk mendapatkan insight tentang karakteristik performa aplikasi Anda.
|
Langkah berikutnya
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-08-08 UTC.
[null,null,["Terakhir diperbarui pada 2025-08-08 UTC."],[],[],null,["Firebase Hosting \nplat_web \nFirebase Hosting provides fast and secure hosting for your web app. \n\nFirebase Hosting is production-grade web content hosting for developers.\nWith a single command, you can quickly deploy web apps to a global CDN (content\ndelivery network).\n\nThough Firebase Hosting is optimized for static and\nsingle-page web apps, you can also [pair Firebase Hosting with\nCloud Functions or Cloud Run](/docs/hosting/serverless-overview) to\nbuild and host dynamic content and microservices on Firebase.\n\n[Get started](/docs/hosting/quickstart)\n\nKey capabilities\n\n|-------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| Serve content over a secure connection | Zero-configuration SSL is built into Firebase Hosting, so content is always delivered securely. |\n| Deliver content fast | Each file that you upload is cached on SSDs at CDN edges around the world and served as gzip or Brotli. We auto-select the best compression method for your content. No matter where your users are, the content is delivered fast. |\n| Emulate and even share your changes before going live | View and test your changes on a locally hosted URL and interact with an emulated backend. Share your changes with teammates using temporary preview URLs. Hosting also provides a [GitHub integration](/docs/hosting/github-integration) for easy iterations of your previewed content. |\n| Deploy new versions with one command | Using the Firebase CLI, you can get your app up and running in seconds. Command line tools let you add deployment targets into your build process. And if you need to undo the deploy, Hosting provides one-click rollbacks. |\n\nHow does it work?\n\nWhether you are deploying a simple app landing page or a complex Progressive Web\nApp (PWA), Hosting gives you the infrastructure, features, and tooling\ntailored to deploying and managing websites and apps.\n\nUsing the [Firebase CLI](/docs/cli), you deploy files from local directories\non your computer to our Hosting servers. Beyond serving static content, you\ncan use Cloud Functions for Firebase or Cloud Run to\n[serve dynamic content and host microservices](/docs/hosting/serverless-overview)\non your sites. All content is\nserved over an SSL connection from the closest edge server on our global CDN.\n\nYou can also\n[view and test your changes before going live](/docs/hosting/test-preview-deploy).\nUsing the Firebase Local Emulator Suite,\nyou can emulate your app and backend resources at a locally hosted URL. You can\nalso share your changes at a temporary preview URL and set up a [GitHub\nintegration](/docs/hosting/github-integration) for easy iterations during\ndevelopment.\n\nFirebase Hosting has lightweight\n[hosting configuration options](/docs/hosting/full-config) for you\nto build sophisticated PWAs. You can\neasily rewrite URLs for client-side routing, set up custom headers, and even\nserve localized content.\n\nFor serving your content, Firebase offers several domain and subdomain options:\n\n- By default, every Firebase project has subdomains at no cost on the\n `web.app` and `firebaseapp.com` domains. These two sites serve the same\n deployed content and configuration.\n\n- You can [create multiple sites](/docs/hosting/multisites) if you have\n related sites and apps that serve different content but still share the same\n Firebase project resources (for example if you have a blog, admin panel, and\n public app).\n\n- You can [connect your own domain name](/docs/hosting/custom-domain) to a\n Firebase-hosted site.\n\nFirebase automatically provisions SSL certificates for all your domains so that\nall your content is served securely.\n\nImplementation path\n\n|---|-------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | Install the Firebase CLI | The [Firebase CLI](/docs/cli) makes it easy to set up a new Hosting project, run a local development server, and deploy content. |\n| | Set up a project directory | Add your static assets to a local project directory, then run firebase init to connect the directory to a Firebase project. In your local project directory, you can also set up Cloud Functions or Cloud Run for your [dynamic content and microservices](/docs/hosting/serverless-overview). |\n| | View, test, and share your changes before going live *(optional)* | Run firebase emulators:start to emulate Hosting and your backend project resources at a locally hosted URL. To view and share your changes at a temporary preview URL, run firebase hosting:channel:deploy to create and deploy to a preview channel. Set up the [GitHub integration](/docs/hosting/github-integration) for easy iterations of your previewed content. |\n| | Deploy your site | When things are looking good, run firebase deploy to upload the latest snapshot to our servers. If you need to undo the deploy, you can roll back with just one click in the Firebase console. |\n| | Link to a Firebase Web App *(optional)* | By linking your site to a [Firebase Web App](/docs/web/setup), you can use [Google Analytics](/docs/analytics/get-started?platform=web) to collect usage and behavior data for your app and use [Firebase Performance Monitoring](/docs/perf-mon/get-started-web) to gain insight into the performance characteristics of your app. |\n\nNext steps\n\n- [Get started](/docs/hosting/quickstart) with Firebase Hosting.\n\n- Continue to improve your site. Test locally, share changes at a temporary\n preview URL, then deploy to your live site. Follow this [step-by-step\n guide](/docs/hosting/test-preview-deploy).\n\n- [Build and host microservices](/docs/hosting/serverless-overview) on\n Firebase."]]