{"id":1945,"date":"2019-06-18T15:01:24","date_gmt":"2019-06-18T09:31:24","guid":{"rendered":"https:\/\/www.concettolabs.com\/blog\/?p=1945"},"modified":"2019-06-18T15:01:24","modified_gmt":"2019-06-18T09:31:24","slug":"flutter-firebase-performance-and-crashlytics","status":"publish","type":"post","link":"https:\/\/websitelaravel.concettoprojects.com\/blog\/flutter-firebase-performance-and-crashlytics\/","title":{"rendered":"Flutter \u200a- \u200aFirebase Performance and Crashlytics"},"content":{"rendered":"

If you are a mobile app developer then you might have known what is Firebase. It\u2019s 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.
\nThis guide is all about how to connect the flutter<\/span><\/a> with Firebase on Mac PCs so that you can make use of the powerful services offered by the API platform in the future endeavors.<\/p>\n

<\/span>Must have a Google account<\/span><\/h2>\n

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\u2019t 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.<\/p>\n

<\/span>Firebase project – Creating one<\/span><\/h2>\n

In order to use your Flutter app\u00a0developer<\/span><\/strong><\/a> with the Firebase, you will have to first make a project or maybe create one.<\/p>\n

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

    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.<\/p>\n

    <\/span>Configuring an iOS app<\/span><\/h2>\n
      \n
    1. Launch the setup wizard for iOS in the project overview page<\/li>\n
    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.<\/li>\n
    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.<\/li>\n
    4. Just go with the instructions and then add the Firebase SDK and proceed the next<\/li>\n
    5. Make the changes needed in the AppDelegate as suggested by the setup wizard then choose next.<\/li>\n
    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.<\/li>\n<\/ol>\n

      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.<\/p>\n

      <\/span>How is the app behaving?<\/span><\/h2>\n

      Now let’s see the performance.<\/p>\n

      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.<\/p>\n

      <\/span>How to use it?<\/span><\/h3>\n

      You will have to define the traces on your own also track network requests<\/p>\n

      <\/span>What is a trace?<\/span><\/h3>\n

      A trace can record the data between two different performance segments in your application.<\/p>\n

      <\/span>How to use it in Flutter?<\/span><\/h3>\n
        \n
      1. You can make use of it by initializing tracing<\/li>\n
      2. Then you have to start the trace<\/li>\n
      3. Then stop it<\/li>\n
      4. You can also use your logic in between the traces<\/li>\n<\/ol>\n

        Note – this data will be shown in the Firebase Performance Dashboard<\/p>\n

        <\/span>Monitoring the network request<\/span><\/h3>\n
          \n
        1. Make use of the feature plugin that is available known as BaseClient<\/li>\n
        2. Create a class that goes beyond the BaseClient<\/li>\n
        3. You will have to overrule the 2nd class method<\/li>\n
        4. Create HttpMetric – the URL, Type of Http Request<\/li>\n
        5. Begin the Http Metric<\/li>\n
        6. Then stop<\/li>\n
        7. And complete the snippet<\/li>\n<\/ol>\n

          <\/span>Crashlytics<\/span><\/h3>\n

          \"Crashlytics\"<\/p>\n

          Crashlytics is the Firebase’s chief crash. Using the Firebase_crashlytics, it’s possible to integrate it for Flutter.<\/p>\n

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

            <\/span>Why Flutter is the future of mobile app development<\/span><\/h2>\n
              \n
            1. Powered by Dart<\/li>\n
            2. It can run both on iOS and Android<\/li>\n
            3. User Interface development<\/li>\n
            4. Provides lots of great features and libraries<\/li>\n
            5. Backend development<\/li>\n<\/ol>\n

              As mentioned the possibilities are endless and practical with flutter so you can create even the tougher app with flutter with ease.<\/p>\n