Flutter  -  Firebase Performance and Crashlytics | Concetto Labs

Flutter  -  Firebase Performance and Crashlytics

Author image By Manish Patel  |  Tuesday, June 18, 2019 03:01 PM  |  3 min read  |   8

Flutter  -  Firebase

If you are a mobile app developer then you might have known what is Firebase. It’s a platform for developing mobile apps owned by Google in 2014. It offers various features like as an ML Kit, and Cloud storage Authentication which are important for developing modern mobile apps. Also, it offers other services which include performance monitoring, Google Analytics, and Crashlytics to guide you enhance the app quality.
This guide is all about how to connect the flutter with Firebase on Mac PCs so that you can make use of the powerful services offered by the API platform in the future endeavors.

Must have a Google account

In order to make use of the Firebase service and the Google Cloud Platform, you will have to own a Google Account. If you don’t have then you will have to register for one. This tutorial is all about how to connect the Flutter app that you have already to the Firebase platform. You might have the hello_world app ready at the end of the tutorial in the simulator and know how to alter the app by changing the main.dart file.

Firebase project – Creating one

In order to use your Flutter app developer with the Firebase, you will have to first make a project or maybe create one.

  1. Visit the Firebase console
  2. Now click the large “Add project” option
  3. Now click the Project name
  4. You have any anything for instance. And the Firebase will append a unique ID to the project name automatically.
  5. Now choose a Cloud Firestore location
  6. Now read and accept the Terms and Conditions
  7. Once done, scroll down and click “Create Project”

The platform might take some time to go through your application. Once completed, then click the continue option to open the overview page of the project you made.

Configuring an iOS app

  1. Launch the setup wizard for iOS in the project overview page
  2. You will now see the setup wizard and add it in the iOS bundle ID. Check whether the register app is lit up then click on it.
  3. Now you will have to download the GoogleService – Info.plist config list and add it to the iOS project root file, then proceed the next.
  4. Just go with the instructions and then add the Firebase SDK and proceed the next
  5. Make the changes needed in the AppDelegate as suggested by the setup wizard then choose next.
  6. Now check the root folder to run the application. After some time, you might see the setup wizard showing that the app has been included to Firebase. Then choose “Continue to the Console” to complete the setup.

Now you have added Firebase to the Flutter app successfully. In spite of having both the flutter and Firebase from Google awesome, it’s actually a great software engineering practice to have choices over the B and C.

How is the app behaving?

Now let’s see the performance.

As per the document, it can analyze the application performance glitches that happen on a user’s device. Use trace to track the performance of certain app parts and go through a summarized view in the Firebase console. Keep up with the application startup time and check the HTTP requests without working on the code.

How to use it?

You will have to define the traces on your own also track network requests

What is a trace?

A trace can record the data between two different performance segments in your application.

How to use it in Flutter?

  1. You can make use of it by initializing tracing
  2. Then you have to start the trace
  3. Then stop it
  4. You can also use your logic in between the traces

Note – this data will be shown in the Firebase Performance Dashboard

Monitoring the network request

  1. Make use of the feature plugin that is available known as BaseClient
  2. Create a class that goes beyond the BaseClient
  3. You will have to overrule the 2nd class method
  4. Create HttpMetric – the URL, Type of Http Request
  5. Begin the Http Metric
  6. Then stop
  7. And complete the snippet

Crashlytics

Crashlytics

Crashlytics is the Firebase’s chief crash. Using the Firebase_crashlytics, it’s possible to integrate it for Flutter.

  1. Integrate it for Android and iOS
  2. Then start the Crashlytics in the app
  3. You will get notifications for the errors by settings
  4. You can check for errors under the Firebase, quality, and Crashlytics

Why Flutter is the future of mobile app development

  1. Powered by Dart
  2. It can run both on iOS and Android
  3. User Interface development
  4. Provides lots of great features and libraries
  5. Backend development

As mentioned the possibilities are endless and practical with flutter so you can create even the tougher app with flutter with ease.

 

Flutter  -  Firebase Performance and Crashlytics

Contact Us

 

 


Author image

Manish Patel

Manish Patel is a Co-Founder of Concetto Labs, a leading mobile app development company specialized in android and iOS app development. We provide a one-stop solution for all IT related services.

Why Our Client Love Us?

  • Fast kick-off
  • Agile Ready
  • 98% Client Retention
  • 360-Degree solutions

Our integrity and process focuses largely on providing every customer the best recommendations for their respective business. Our clients become recurring customers because we always go beyond their expectations to deliver the best solutions.

Get In Touch
Mr. Sieva Savko
Customer for over 4 years Mr. Sieva Savko Norway

Concetto Labs have provided us with a tremendous amount of help. Their competence in various IT fields led to a positive outcome while facing different challenges. A lot of value was given by their helpful professional staff. To describe this company in three words: effectiveness, collaboration, trust. I would also like to personally thank Mr. Tejas Patel for his positive, friendly, and highly competent approach. The all-around support provided by him made every task at hand a no-brainer.

Miss. Caroline Jack
Customer for over 4 years Miss. Caroline Jack South Africa

It has been an absolute pleasure working with the Concetto Labs team! We have worked together on a few projects now, all of which have been successful. You can rely on good communication and response times from these guys. And they go above and beyond to ensure that the result is achieved. Because of their great service, they have become an integral part of our business and we will continue to use them going forward.

Mr. Richard Bartlett
Customer for over 3 years Mr. Richard Bartlett United States

Concetto Labs is a group of incredibly talented individuals. They are very responsive and communicate with you each and every step of the process. I worked with Manish Patel throughout the entire process and must say that I have never conducted business with a more honest and professional individual. Together with his team, Manish created www.travcentiverewards.com exactly how we envisioned it to be. Thanks for all of your hard work.

Mr. Conrad Abraham
Customer for over 2 years Mr. Conrad Abraham United States

Concetto Labs team is my go-to for any simple or complex development projects. They have risen to the challenge. Great project management, communication, and super quick turnaround. I’ve done multiple projects with them and don’t plan on changing that.

Mr. Edward Chin
Customer for over 4 years Mr. Edward Chin Canada

Concetto Labs was able to bring my complex idea to life. Throughout the project, Concetto Labs maintained constant communications and was always professional - considering I had no experience in what I wanted to create their welcoming attitude, patience, and knowledge in the field created the perfect environment to work in. I was so impressed with their work that I've kept them on board as my go-to experts. Thanks for the worthwhile experience and the breathtaking product.

Karuna Govind
Karuna Govind CTO & Co Founder (Coupay) London, UK

We started working with Concettolabs due to the influx of work on mobile (Flutter) and frontend (React.js). It's been fantastic working with them. Good, consistent communication and good quality of work means they may be our first choice for many projects to come.

GlobalClients
Good Firms Clutch App Futura Microsoft Associate Mobile App Top Developers Gesia
 

Ahmedabad

303-309, City Center, Science City Road,
Ahmedabad - 380060
 

Broomfield

2355 Prospect LN,
Broomfield CO-80023
 

Oshawa

1557 Clearbrook Dr,
Oshawa, ON L1K 2P6
 

Ilford

6 Hastings Avenue,
Ilford, IG6 1DZ, UK
 

Bodo

Lille Hunstad 4A,
8019 Bodø