{"id":25198,"date":"2019-03-12T12:51:37","date_gmt":"2019-03-12T12:51:37","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=25198\/"},"modified":"2022-07-18T14:23:13","modified_gmt":"2022-07-18T14:23:13","slug":"fetch-data-firebase-swift-language-ios","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/tips\/fetch-data-firebase-swift-language-ios\/","title":{"rendered":"How to fetch data from Firebase in Swift Language (iOS)?"},"content":{"rendered":"

Objectives of the blog<\/strong><\/h2>\n

\"How<\/a><\/p>\n

After reading this blog we will be able to understand the process to fetch data from Firebase. This process includes installation of Firebase SDK and implementation of code to fetch data from Firebase.<\/p>\n

Pre-requisites<\/strong><\/h3>\n

We need to write swift code to fetch the data from Firebase. For this first we will have to create the Firebase project. Follow the steps given below to create the Firebase project –<\/p>\n

1.<\/strong> Go to https:\/\/console.firebase.google.com<\/a><\/p>\n

2.<\/strong> Then you will have to create Firebase project by clicking on \u201cAdd Project<\/strong>\u201d button<\/p>\n

 <\/p>\n

\"add-project:<\/a><\/p>\n

3.<\/strong> You need GoogleService-Info.plist file for iOS SDK as this file contains the details of the Firebase project which are used by Firebase SDK<\/p>\n

4.<\/strong> Then add the plist file in the project<\/p>\n

5.<\/strong> Add the following code before the return statement within application(_:didFinishLaunchingWithOptions:) in AppDelegate.swift file<\/strong><\/p>\n

FirebaseApp.configure()<\/pre>\n
6.<\/strong> Then go to \u201cDatabase<\/strong>\u201d option from the left menu.<\/p>\n
 <\/p>\n
\"goto-database:<\/a><\/p>\n
7.<\/strong> Select \u201cRealtime Database<\/strong>\u201d and that is the database for the Firebase project. All the data that is stored in or fetched from is from this location.<\/p>\n
8.<\/strong> Firebase setup is completed<\/p>\n
Now you will have to download Firebase SDK in the swift. For this you will have to install the following pods.<\/p>\n
    \n
  1. pod ‘Firebase\/Core’ <\/strong><\/li>\n
  2. pod ‘Firebase\/Database’<\/strong><\/li>\n<\/ol>\n
    Let suppose you have the following data in the given structure in the Firebase database –<\/p>\n
    \/\/ The root of the tree\r\n{\r\n  \/\/ grocery-items\r\n  "grocery-items": {\r\n \r\n    \/\/ grocery-items\/milk\r\n    "milk": {\r\n \r\n      \/\/ grocery-items\/milk\/name\r\n      "name": "Milk",\r\n \r\n      \/\/ grocery-items\/milk\/addedByUser\r\n      "addedByUser": "David"\r\n    },\r\n \r\n    "pizza": {\r\n      "name": "Pizza",\r\n      "addedByUser": "Alice"\r\n    },\r\n  }\r\n}<\/pre>\n
     <\/p>\n
    After successful installation of the pods, we can move on to the coding part.<\/p>\n
    Code Implementation<\/strong><\/h3>\n
    \"How<\/a><\/p>\n
    All the data points\/nodes are used to access data from Firebase database. We create references to the nodes and then fetch data from that node.<\/p>\n
    In other words a Firebase reference points to a location in Firebase where data is stored.<\/p>\n
    First we will have to create reference to the root node of the database structure –<\/p>\n
    let ref = Database.database().reference(withPath: "grocery-items")<\/pre>\n
    or the following way can be used –<\/p>\n
     <\/p>\n
    let rootRef = Database.database().reference()\r\nlet ref = rootRef.child("grocery-items")<\/pre>\n
    Reference to the child node which is \u201cmilk\u201d can be created using the following code –<\/p>\n
    let milkRef = ref.child("milk")<\/pre>\n
    Asynchronous listener can be attached to a reference in order to retrieve data from Firebase using observe(_:with:)<\/strong> method.<\/p>\n
    The following code will fetch the data and keep listening to the data changes on the database. As soon as any change is made in the database, the new snapshot of the node\/reference is fetched and we get the updated data as soon as any change is made in the database.<\/p>\n
     <\/p>\n
    ref.observe(.value, with: { snapshot in\r\n  \/\/ This is the snapshot of the data at the moment in the Firebase database\r\n  \/\/ To get value from the snapshot, we user snapshot.value\r\n  print(snapshot.value as Any)\r\n})<\/pre>\n
    Then the snapshot values can be parsed and used in the app.<\/p>\n
    One big advantage of using observe<\/strong> method over observeSingleEvent<\/strong> method is that you don\u2019t have to call the function again and again as the updated data is fetched from the database as soon as any value is changed in the database.<\/p>\n
    Summary<\/strong><\/h3>\n
    Now you should be able to fetch the data from the Firebase database in swift using Firebase SDK.<\/p>\n
    Please feel free to get in touch with us at support@knowband.com for any issues.<\/p>\n
    We also provide No Code Mobile App<\/a> solutions for Prestashop, Opencart, Magento\u00a02 and Woocommerce. Know more here:
    \n