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.
Top Courses in Software Engineering
More Courses With Certification
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
Request NowQ. Are EasyShiksha's internships truly free?
Yes, all internships offered by EasyShiksha are completely free of charge.
Q. How can I apply for an internship with EasyShiksha?
You can apply by visiting our website, browsing available internships, and following the application instructions provided.
Q. What types of internships are available through EasyShiksha?
EasyShiksha offers a wide range of internships across technology, business, marketing, healthcare, and more. Opportunities are continuously updated.
Q. Will I receive a certificate upon completing an internship?
Yes, upon successful completion, you will receive a certificate recognizing your participation and achievements.
Q. Are EasyShiksha's internship certificates recognized by universities and employers?
Yes, the certificates are recognized by universities, colleges, and employers worldwide.
Q. Is the download of certificates free or paid?
Access to internships and courses is free, but there is a small fee to download certificates, covering administrative costs.
Q. When can I start the course?
You can choose any course and start immediately without delay.
Q. What are the course and session timings?
These are fully online courses. You can learn at any time and pace. We recommend following a routine, but it depends on your schedule.
Q. What will happen when my course is over?
After completion, you will have lifetime access to the course for future reference.
Q. Can I download the notes and study material?
Yes, you can access and download course materials and have lifetime access for future reference.
Q. What software/tools would be needed for the course?
All necessary software/tools will be shared during the training as needed.
Q. I’m unable to make a payment. What should I do?
Try using a different card or account. If the problem persists, email us at info@easyshiksha.com.
Q. Do I get the certificate in hard copy?
No, only a soft copy is provided, which can be downloaded and printed if required.
Q. The payment got deducted but shows “failed”. What to do?
Technical errors may cause this. The deducted amount will be returned to your account in 7-10 working days.
Q. Payment was successful but dashboard shows ‘Buy Now’?
Sometimes payment reflection is delayed. If it takes longer than 30 minutes, email info@easyshiksha.com with the payment screenshot.
Q. What is the refund policy?
If you face technical issues, you can request a refund. No refunds are issued once the certificate has been generated.
Q. Can I enroll in a single course?
Yes, select the course of interest, fill in the details, make payment, and start learning. You will also earn a certificate.
Q. My questions are not listed above. I need further help.
Contact us at info@easyshiksha.com for further assistance.
I hope you like this blog, How to quickly deploy your Progressive Web Apps using Firebase. To learn more visit: HawksCode and EasyShiksha
ALSO READ: yukti-kapoor-from-sony-sabs-maddam-sir-swears-by-homemade
Get Course: What-is-ISMS-Certification-Course
