GET STARTING WITH FIREBASE HOSTING

Get started with Firebase Hosting

Firebase Hosting gives you a fast, secure, and reliable way to host your app's static assets (HTML, CSS, JavaScript, media files, etc.) as well as to serve dynamic content and host microservices.Our production-grade hosting is backed by a global content delivery network (CDN). Hosting serves your content over SSL, by default, and can be used with your own custom domain or on your project's free subdomains on web.app and firebaseapp.com.

Before you begin

Before you can set up Firebase Hosting, you need to create a Firebase project.

Step 1: Install the Firebase CLI

The Firebase CLI (command line interface) requires Node.js and npm (the Node Package Manager).
  1. Install Node.js using one of the following options. Installing Node.js automatically installs npm.
    • For Mac/Linux, use nvm (the Node Version Manager).
    • For Windows, use nvm-windows.
  2. Install the Firebase CLI using npm by running:
    npm install -g firebase-tools
    This command installs the globally available firebase command. To update to the latest version of the Firebase CLI, re-run the same npm install command.
  3. Sign into Firebase using your Google account by running:
    firebase login
    This command connects your local machine to Firebase and grants you access to your Firebase projects.
  4. To test that authentication worked (and to list all of your Firebase projects), run the following command:
    firebase list
    The displayed list should be the same as the Firebase projects listed in the Firebase console.

Update to the latest CLI version

Make sure that you're using the most up-to-date Firebase CLI version by re-running the CLI installation command:
npm install -g firebase-tools

Step 2: Initialize your project

To connect your local project to your Firebase project, run the following command from the root of your local project directory:
firebase init
During project initialization, from the Firebase CLI prompts:
  1. Select to set up Hosting.
    If you want to set up other Firebase products for your project, refer to their documentation for setup information. Note that you can always run firebase init later to set up more Firebase products.
  2. Select a Firebase project to connect to your local project directory.
    The selected Firebase project is your "default" Firebase project for your local project directory. To connect additional Firebase projects to your local project directory, set up project aliases.
  3. Specify a directory to use as your public root directory.
    This directory contains all your publicly served static files, including your index.html file and any other assets that you want to deploy to Firebase Hosting.
    • The default for the public root directory is called public.
      • You can specify your public root directory now or you can specify it later in yourfirebase.json configuration file.
      • If you select the default and don't already have a directory called public, Firebase creates it for you.
    • If you don't already have a valid index.html file or 404.html file in your public root directory, Firebase creates them for you.
  4. Choose a configuration for your site.
    If you select to make a one-page app, then Firebase automatically adds rewrite configurations for you.
At the end of initialization, Firebase automatically creates and adds two files to the root of your local app directory:

Step 3: Deploy to your site

To deploy to your site, run the following command from the root of your local project directory:
firebase deploy
This command deploys a release to your Firebase project's default Hosting sites:
  • projectID.web.app
  • projectID.firebaseapp.com

Next steps

Now your site is ready to share with the world! You can also learn how to:
Also, take a look at the full documentation for the Firebase CLI.

Was this page helpful?

Comments

Post a Comment

popular

firebase authentication using email/password

Authenticate with Firebase Using Email Link in JavaScript You can use Firebase Authentication to sign in a user by sending them an email containing a link, which they can click to sign in. In the process, the user's email address is also verified. There are numerous benefits to signing in by email: Low friction sign-up and sign-in. Lower risk of password reuse across applications, which can undermine security of even well-selected passwords. The ability to authenticate a user while also verifying that the user is the legitimate owner of an email address. A user only needs an accessible email account to sign in. No ownership of a phone number or social media account is required. A user can sign in securely without the need to provide (or remember) a password, which can be cumbersome on a mobile device. An existing user who previously signed in with an email identifier (password or federated) can be upgraded to sign in with just the email. For example, a user who has f...
Read more

ABOUT SANTAN DHARM

हिंदू धर्म  बहुत  बड़ा  धर्म है जिस धर्म में पृथ्वीराज  हुए वैसे वीर को देखे और सोचे आप  https://www.youtube.com/watch?v=yEh7zpQCvPU आप 
Read more

HTML5 Tutorial

HTML5 is the latest and most enhanced version of HTML. Technically, HTML is not a programming language, but rather a markup language. In this tutorial, we will discuss the features of HTML5 and how to use it in practice. Audience This tutorial has been designed for beginners in HTML5 to make them understand the basic-to-advanced concepts of the subject. Prerequisites Before starting this tutorial, you should have a basic understanding of HTML and its tags. HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web. HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears. Browse...
Read more

firebase realtime database

Firebase Realtime Database plat_iosplat_androidplat_webplat_cppplat_unity Store and sync data with our NoSQL cloud database. Data is synced across all clients in realtime, and remains available when your app goes offline. The Firebase Realtime Database is a cloud-hosted database. Data is stored as JSON and synchronized in realtime to every connected client. When you build cross-platform apps with our iOS, Android, and JavaScript SDKs, all of your clients share one Realtime Database instance and automatically receive updates with the newest data. iOS setup Android setup Web setup REST API C++ setup Unity setup Admin setup Key capabilities Realtime Instead of typical HTTP requests, the Firebase Realtime Database uses data synchronization—every time data changes, any connected device receives that update within milliseconds. Provide collaborative and immersive experiences without thinking about networking code. Offline Firebase apps remain responsive even when offline because the Fi...
Read more