Firebase Realtime Database

Firebase Realtime Database uses a NoSQL cloud database to store data. The data stored in it remain available when the app goes offline. It stored data in JSON format.

Let start first with the setup of the Firebase database.

Step:-1 First go to https://console.firebase.google.com/ and sign in using your Google Account.

Step:-2 Create a new firebase project by following the below screenshots.

Step:-3 Open your firebase project and add your iOS app by following the steps provided by the firebase.

Step:-4 Add ‘Firebase/Database’ in the project and run the command pod install.

     pod 'Firebase/Database'

1	pod 'Firebase/Database'

Step:-5 Add GoogleService-Info.plist file in your project and FirebaseApp.configure() line in the AppDelegate after that build and run your project.

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        FirebaseApp.configure()
        return true
    }

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

// Override point for customization after application launch.

FirebaseApp.configure()

return true

}

Step 6:- Now from the firebase console select Realtime Database. And create a new database in test mode.

Step 7:- After our database is created now we will create a small app “Todo”. This app will save and fetch data from the database.

Let Starts

Steps for creating a ToDo app.

Step 1:- First we create a view controller and add table view and bar button item in it.

Step 2:- For the todo data, we create a model. For storing data in the model.

import Foundation

struct ToDoModel {
    var header: String
    var sectionData = [SectionData]()
    
    init(sectionData: [SectionData], header: String) {
        self.header = header
        self.sectionData = sectionData.map({SectionData(time: $0.time, value: $0.value)})
    }
}

struct SectionData {
    var time: String
    var value: String
    
    init(time: String, value: String) {
        self.time = time
        self.value = value
    }
}

import Foundation

struct ToDoModel {

var header: String

var sectionData = [SectionData]()

init(sectionData: [SectionData], header: String) {

self.header = header

self.sectionData = sectionData.map({SectionData(time: $0.time, value: $0.value)})

}

struct SectionData {

var time: String

var value: String

init(time: String, value: String) {

self.time = time

self.value = value

}

Step 3:- Add the below code over the viewDidLoad method.

    var refernce: DatabaseReference!
    var totdoData = [ToDoModel]()

1 2	var refernce: DatabaseReference! var totdoData = [ToDoModel]()

Step 4:- We will create an alert containing a text field, from which we get value from the users. We will save this value to our database. We will save hierarchy like inside “Todo” there will be currentDate. And inside the current date, we will save value with the current time.

        let alert = UIAlertController(title: "ToDo", message: "", preferredStyle: .alert)
        
        alert.addTextField { (textField) in
            textField.text = ""
            textField.placeholder = "ToDo"
        }
        
        alert.addAction(UIAlertAction(title: "OK", style: .default, handler: { [weak alert] (_) in
            let taskListname = alert?.textFields?.first?.text
            let dateFormatter = DateFormatter()
            dateFormatter.dateFormat = "HH:mm:ss"
            let timeChild = dateFormatter.string(from: Date())
            dateFormatter.dateFormat = "dd-MM-yyyy"
            let dateChild = dateFormatter.string(from: Date())
            self.refernce.child("ToDo").child(dateChild).child(timeChild).setValue("\(taskListname ?? "")")
            self.getDataFromDatabase()
        }))
        alert.addAction(UIAlertAction(title: "Cancel", style: .cancel, handler: nil))
        self.present(alert, animated: true, completion: nil)

let alert = UIAlertController(title: "ToDo", message: "", preferredStyle: .alert)

alert.addTextField { (textField) in

textField.text = ""

textField.placeholder = "ToDo"

}

alert.addAction(UIAlertAction(title: "OK", style: .default, handler: { [weak alert] (_) in

let taskListname = alert?.textFields?.first?.text

let dateFormatter = DateFormatter()

dateFormatter.dateFormat = "HH:mm:ss"

let timeChild = dateFormatter.string(from: Date())

dateFormatter.dateFormat = "dd-MM-yyyy"

let dateChild = dateFormatter.string(from: Date())

self.refernce.child("ToDo").child(dateChild).child(timeChild).setValue("\(taskListname ?? "")")

self.getDataFromDatabase()

}))

alert.addAction(UIAlertAction(title: "Cancel", style: .cancel, handler: nil))

self.present(alert, animated: true, completion: nil)

Put the above code inside the bar button item action.

Step 5:- Now we will fetch data from the database and save it inside our model.

    func getDataFromDatabase(){
        refernce = Database.database().reference()
        self.totdoData.removeAll()
        refernce.child("ToDo").observeSingleEvent(of: .value) { (snapshot) in
            if let dataSnapshot = snapshot.children.allObjects as? [DataSnapshot]{
                for rest in dataSnapshot{
                    var sectionData = [SectionData]()
                    if let value = rest.value as? [String:Any]{
                        for valueData in value{
                            sectionData.append(SectionData(time: (valueData.key), value: (valueData.value as? String ?? "")))
                        }
                    }
                    
                    self.totdoData.append(ToDoModel(sectionData: sectionData, header: rest.key))
                }
            }
            self.todoTableView.delegate = self
            self.todoTableView.dataSource = self
            self.todoTableView.reloadData()

        }
    }

func getDataFromDatabase(){

refernce = Database.database().reference()

self.totdoData.removeAll()

refernce.child("ToDo").observeSingleEvent(of: .value) { (snapshot) in

if let dataSnapshot = snapshot.children.allObjects as? [DataSnapshot]{

for rest in dataSnapshot{

var sectionData = [SectionData]()

if let value = rest.value as? [String:Any]{

for valueData in value{

sectionData.append(SectionData(time: (valueData.key), value: (valueData.value as? String ?? "")))

}

self.totdoData.append(ToDoModel(sectionData: sectionData, header: rest.key))

}

self.todoTableView.delegate = self

self.todoTableView.dataSource = self

self.todoTableView.reloadData()

}

we will call this method from viewDidLoad and from our bar button item action.

Step 6:- This is the final step in which we will load data in our table view.

extension ViewController: UITableViewDelegate,UITableViewDataSource{
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return totdoData.count
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return totdoData[section].sectionData.count
    }
    
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "ToDoTableViewCell", for: indexPath) as? ToDoTableViewCell else {
            return UITableViewCell()
        }
        cell.todoItem = totdoData[indexPath.section].sectionData[indexPath.row]
        return cell
    }
    
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return totdoData[section].header
    }

}

extension ViewController: UITableViewDelegate,UITableViewDataSource{

func numberOfSections(in tableView: UITableView) -> Int {

return totdoData.count

}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

return totdoData[section].sectionData.count

}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

guard let cell = tableView.dequeueReusableCell(withIdentifier: "ToDoTableViewCell", for: indexPath) as? ToDoTableViewCell else {

return UITableViewCell()

}

cell.todoItem = totdoData[indexPath.section].sectionData[indexPath.row]

return cell

}

func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {

return totdoData[section].header

}

import UIKit

class ToDoTableViewCell: UITableViewCell {

    @IBOutlet weak var timeLbl: UILabel!
    @IBOutlet weak var valueLbl: UILabel!
    @IBOutlet weak var todoLbl: UILabel!

    override func awakeFromNib() {
        super.awakeFromNib()
    }
    
    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }
    
    var todoItem: SectionData?{
        didSet{
            if let todoItem = todoItem{
                self.timeLbl.text = "Created at : \(todoItem.time)"
                self.valueLbl.text = todoItem.value
            }
        }
    }
}

import UIKit

class ToDoTableViewCell: UITableViewCell {

@IBOutlet weak var timeLbl: UILabel!

@IBOutlet weak var valueLbl: UILabel!

@IBOutlet weak var todoLbl: UILabel!

override func awakeFromNib() {

super.awakeFromNib()

}

override func setSelected(_ selected: Bool, animated: Bool) {

super.setSelected(selected, animated: animated)

}

var todoItem: SectionData?{

didSet{

if let todoItem = todoItem{

self.timeLbl.text = "Created at : \(todoItem.time)"

self.valueLbl.text = todoItem.value

}

When you run your app you will see its functionality like this.

Thanks for reading the Firebase Realtime Database blog.

You can also check other blogs from here. if you have any issue or suggestion you can leave your query/suggestion in the comment section.

Vicky Kumar

24 Mar, 2021
Created by - Vicky Kumar

. . .

Firebase Realtime Database