How to quickly deploy your Progressive Web Apps using Firebase
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 toFirebase Hosting. And here is how you can do it.
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.
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.
Empower your team. Lead the industry
Get a subscription to a library of online courses and digital learning tools for your organization with EasyShiksha
Yes, all internships offered by EasyShiksha are completely free of charge.
Q.How can I apply for an internship with EasyShiksha?
You can apply for an internship with EasyShiksha by visiting our website and browsing through the available internship opportunities. Once you find a suitable internship, simply follow the application instructions provided.
Q.What types of internships are available through EasyShiksha?
EasyShiksha offers a wide range of internships across various industries and disciplines, including but not limited to technology, business, marketing, healthcare, and more. We continuously update our internship offerings to provide diverse opportunities for our users.
Q.Will I receive a certificate upon completing an internship?
Yes, upon successful completion of an internship with EasyShiksha, you will receive a certificate recognizing your participation and achievements during the internship period.
Q.Are EasyShiksha's internship certificates recognized by universities and employers?
Yes, EasyShiksha's internship certificates are recognized and valued by universities, colleges, and employers worldwide. They serve as a testament to your skills, knowledge, and experience gained through our internship programs.
Q.Is the download of certificates free or paid?
While access to internships and all courses on EasyShiksha is free for users lifetime, there is a nominal operational cost associated with downloading certificates. This fee covers the administrative expenses involved in processing and issuing the certificates.
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.
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. 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. 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
