-

 

 

What is Firebase Hosting?

Firebase hosting is a Google hosting service which provides static web content to the user in a secure, fast, free and easy way.

Why Firebase Hosting?

Most of the web hosting will charge you or will be slow if they are free, also you have to pay extra for getting an SSL certificate to convert your website to a secure one with https.

Firebase hosting is free. So, it won’t cost you anymore. It by default provides SSL certificate and offers an impressive speed across multiple geographic locations without the need for a separate CDN on top.

Requirements

I believe you might already have a Gmail account, which is enough. If not create one.

Before you can install the Firebase CLI, you will need to install Node.js on your machine.

Once you’ve installed NodeJs, you can install the Firebase CLI using npm (the Node Package Manager) by running the following command:

npm install -g firebase-tools

This is optional. There are various domain name providers in the world. Additionally, you can buy one from Godaddy.

Lets get our hands dirty

Step 1: Creating firebase project

Go to firebase and sign in with your Google account


then create new project, enter your project name (firebase-demo in my case)


Step 2: Firebase Login

Now come back to the command line and go to your project folder

cd firebase-demo

First we have to login into firebase from command line. Type in the following command.

firebase login

It will take you to the sign-in page in the browser, once you’ve successfully logged in it will show you something like this


Image for post


on command line

Step 3: Initializing project

To initialize firebase project you have to enter the command

firebase init

Then you have to select Hosting feature and click enter


Image for post

Then it will ask you to select firebase project, select project which we created in step 1 (firebase-demo in my case)


Image for post

Then it will ask you enter the main folder in which all your website assets are present. (public folder in my case)


Image for post

It will ask you whether your application is single page or not, for now enter y


Image for post

It will try to override your index.html file, to avoid doing that enter n


Image for post

Step 4: Checking setup (optional )

If everything goes right you can check you website locally by running command

firebase serve

It will run you website locally on http://localhost:5000 by default.


Image for post

Step 5: Deployment

For deployment of your project you have to run command

firebase deploy

Comments

Post a Comment

Popular posts from this blog

Flutter : Introduction

-
Image
  Introduction to Flutter Installation In this section, let us see how to install Flutter SDK and its requirement in a windows system. Step 1 − Go to URL, https://flutter.dev/docs/get-started/install/windows and download the latest Flutter SDK. As of April 2019, the version is 1.2.1 and the file is flutter_windows_v1.2.1-stable.zip. Step 2 − Unzip the zip archive in a folder, say C:\flutter\ Step 3 − Update the system path to include flutter bin directory. Step 4 − Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met. flutter doctor Step 5 − Running the above command will analyze the system and show its report as shown below − Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.706], locale en-US) [√] Android tool chain - develop for Android devices (Android SDK version 28.0.3) [√] Android Studio (version 3.2) [√] VS Code, 64-bit editio
Read more

Dart: Functions

-
Image
  Functions Functions let you package multiple related lines of code into a single body that you can summon to avoid repeating those lines of code throughout your Dart application: A function consists of a return type , a function name , a parameter list in parentheses, and then a function body enclosed in braces. The code you're turning into the function goes inside the braces. When you call the function, you pass in arguments that match the types of the parameters of the function. Write a new function in DartPad that will just check to see if a given string is banana. bool isBanana( String fruit) { return fruit == 'banana' ; } The function uses return to return a bool value determined by the argument passed to the function. This function will always return the same value for any given input. If a function does not need to return a value, you can set the return type to void , such as for the main function.   Optional Parameters If a parameter to a funct
Read more

Firebase Cloud Messaging

-
Image
  what are push notifications? Push Notifications are a sort of pop-up messaging medium that alerts app users to what's going on in the app. They are also an important way to amplify user engagement in your app. For example, say a user forgets about the app once they have installed it. Then you can use push notifications as a mechanism to regain and retain their interest. Push notifications also help drive traffic to your app. Firebase Cloud Messaging is a service offered by Firebase which lets you send these notifications to your users. You can set up various configurations to send different notifications to different audiences based on time and routine. Because of all these benefits, we are going to use it to send notifications to our Flutter app. Step 1: Create a Flutter Project First, we are going to create a flutter project. For that, we must have the Flutter SDK installed in our system. You can find simple steps for flutter installation in the official documenta
Read more