How to quickly deploy your Progressive Web Apps using Firebase

How to quickly deploy your Progressive Web Apps using Firebase. Progressive Web Apps must be served from a secure origin. This means the PWA application will only work on a server that is encrypted (using the HTTPS protocol). Well, I was so excited when I started building my very first Progressive web apps and wanted to test them on production and share them right away but I must say, this important feature discouraged me a bit. Whether you have already a certified domain, or you have to go through all the steps for setting it up ( getting, activating and installing the certificate), or you use deploy services with automatic HTTPS over certified domains, well deploying PWA’s didn’t seem something to do on the fly. HawksCode is a Software Company that have team of professionals that can help in building web apps with firebase.

But then I discovered actually there is a quick way to run a PWA application on a domain that is HTTPS-certified, thanks to Firebase Hosting. And here is how you can do it.

Important Announcement – EasyShiksha has now started Online Internship Program “Ab India Sikhega Ghar Se”

Getting started

You might have a PWA ready for production deploy, but if not you can clone the following simple ready to deploy PWA from the following repository of a simple web page with a cherry image and simple text.

In order to quickly deploy any PWA, what you need first is to install the firbase-tools package and to do so run the following command on your terminal

npm install -g firebase-tools

After installing the firebase-tools you will then need to sign in to the Firebase service using the login and password of your Google account.

firebase login

Once done with the authentication you will have the following success message on your browser.

Now let’s create your Firebase project where to deploy the PWA. To do so go to firebase console and if you are not authenticated use your Google account to login to the console where you are going to create new project.

Give your project a name and click Create project. Memorize the name of the project you just created. I called it ‘MyAwsomePWA’, as shown in the picture above.

Online Certification

Online Test Series

Career Helper

EasyShiksha TV

Now reach from your terminal to the parent folder where you have saved the ready to deploy PWA folder.

Then type in the command:

firebase init hosting

to initialize the project, which will be deposited on Firebase Hosting. From the menu that will appear to you in the terminal, select the Firebase application name, the one you just created on the firebase web console which in my case I called ‘MyAwsomePWA’. Then the console will ask you a few questions, answer based on your structure of a PWA you are deploying.

In our case, let’s say you have named the cloned repo folder to dist, here are the answers to type on the terminal:

• What do you want to use as your public directory? → dist
• Configure as a single-page app (rewrite all URLs to /index.html)? → y
• File dist/index.html already exists. Overwrite? → No

After initializing the application we have nothing else left to do but to send it to the Firebase servers. To do so, run the following command from the root folder of your project ready to deploy:

firebase deploy

nd open the browser at the address that will be displayed in the terminal after the deployment process is finished. If you have changes to deploy, for the next time after updating your folder with ready to deploy project, you just have to give the command firebase deploy.

Frequently Asked Questions

Q.Is the course 100% online? Does it require any offline classes too?

The following course is fully online, and hence there is no need for any physical classroom session. The lectures and assignments can be accessed anytime and anywhere through a smart web or mobile device.

Q.When can I start the course?

Anyone can choose a preferred course and start immediately without any delay.

Q.What are the course and session timings?

As this is a purely online course program, you can choose to learn at any time of the day and for as much time as you want. Though we follow a well-established structure and schedule, we recommend a routine for you as well. But it finally depends on you, as you have to learn.

Q.What will happen when my course is over?

If you have completed the course, you would be able to have lifetime access to it for future reference too.

Q.Can I download the notes and study material?

Yes, you can access and download the content of the course for the duration. And even have lifetime access to it for any further reference.

Q. What software/tools would be needed for the course and how can I get them?

All the software/tools that you need for the course would be shared with you during the training as and when you need them.

Q. Do I get the certificate in a hard copy?

No, only a soft copy of the certificate will be awarded, which can be downloaded and printed, if required.

Q. I’m unable to make a payment. What to do now?

You can try to make the payment through a different card or account (maybe a friend or family). If the problem persists, email us at info@easyshiksha.com

Q. The payment got deducted, but the updated transaction status is showing “failed”. What to do now?

Due to some technical faults, this can happen. In such a case the amount deducted will be transferred to the bank account in the next 7-10 working days. Normally the bank takes this much time to credit the amount back into your account.

Q. The payment was successful but it still shows ‘Buy Now’ or not showing any videos on my dashboard? What should I do?

At times, there may be a slight delay in your payment reflecting on your EasyShiksha dashboard. However, if the problem is taking longer than 30 minutes, please let us know by writing to us at info@easyshiksha.com from your registered email id, and attach the screenshot of the payment receipt or transaction history. Soon after verification from the backend, we will update the payment status.

Q. What is the refund policy?

If you have enrolled, and are facing any technical problem then you can request a refund. But once the certificate has been generated, we shall not refund that.

Q.Can I just enrol in a single course?

Yes! You surely can. To begin this, just click the course of your interest and fill in the details to enrol. You are ready to learn, once the payment is made. For the same, you earn a certificate too.

My questions are not listed above. I need further help.

Please contact us at: info@easyshiksha.com

I hope you like this blog, How to quickly deploy your Progressive Web Apps using Firebase. To learn more visit: HawksCode and EasyShiksha