💻Web App

Guide for web app configuration

WEABBBLE maintains support for the Lamat Application's web version. This is useful for having the same application experience that is offered on Android & iOS to web users as well. The benefit here would be greater portability. Users don't have to install the application from appstores. They will go to the web address and use the web app with the same UI as Android & iOS users whether it is from their Mobile or Desktop or any device with support for modern web browsers.

Steps

To deploy the web app you need to first login to firebase cli on your terminal with following command:

firebase login

If firebase is not installed on your machine then go to https://firebase.google.com/docs/cli and follow the instructions on how to install Firebase CLI.

dart pub global activate flutterfire_cli

flutterfire configure

Run this command from the root directory of admin folder to initialize your Firebase project:

firebase init

Use the arrow keys to navigate the cursor to Hosting and hit the spacebar to select it, then press enter. Now you will see this screen:

Select Use an existing project by pressing Enter. Use the arrow keys to select the project you already made.

Next, enter build/web as the public directory and press enter, then enter y (for yes) to select the single page app option:

☝️Note: After this step, 2 new files are created (.firebaserc and firebase.json) in your root directory. Check and make sure they are there. If not, check for errors in the firebase init step and retry.

Build and deploy!

Build admin panel for web:

flutter build web --release --no-tree-shake-icons --web-renderer=html

Or

flutter build web --release --no-tree-shake-icons --web-renderer=canvaskit

This builds the necessary files in admin/build/web.

Finally, run:

firebase deploy --only hosting:YOUR_WEBSITE_NAME_IN_FIREBASE_HOSTING

The hosting files are uploaded and hosted at your Firebase URL. You can follow the link in your terminal to your web admin panel!