302
281

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【Swift】リアルタイムチャットを実現するFirebaseでCRUD(データ作成、読み込み、更新、削除)をやってみる

Last updated at Posted at 2016-06-05

#はじめに
本記事では、現地時間2016年5月18日(水)〜20日(金)に開催されたGoogle I/Oで発表されたFirebaseの統合プラットフォームとしての拡充による、Firebaseのアップデートに対応したFirebaseをiOSでCRUDとAuthを試す記事になります。

以下、目次

  1. Firebaseでの新規プロジェクトの作成
  2. XcodeプロジェクトへのFirebaseの導入
  3. XcodeプロジェクトとFirebaseのコネクト
  4. ユーザー認証
  5. Create(データの作成、送信)
  6. Read(データの読み込み)
  7. Update(データの更新)
  8. Delete(データの削除)
  9. サンプルコード

では、実際にやっていきましょう!

1. Firebaseでの新規プロジェクトの作成

まず、Firebaseへアクセスして、アカウントを作成しましょう。

Firebase_2.png

右上のログインというところから、アカウントを作成します。

続いて、Firebaseのプロジェクトを作成しましょう!
アカウント作成後に、Firebaseのコンソールにアクセスすると以下のようなページが表示されると思います。

Firebase_1.png

まだプロジェクトを作成していない場合では、作成したプロジェクトは並んでいない状態かと思います。

では、プロジェクトを作成しましょう。

Firebase.png

「新規プロジェクトを作成」から新規プロジェクトを作成しましょう。
「新規プロジェクトを作成」を選択すると、以下のようなフォームがでると思います。

Firebase_5.png

アプリのプロジェクト名と国を選びましょう。
プロジェクト名はアプリの名前と同じがいいかと思います。国も日本でいいと思います。
記入すると、以下のスクリーンショットのように、作成ボタンが選択可能になると思いますので、そのまま作成を選びましょう。

Firebase_4.png

Firebase_6.png

以上のように、コンソール画面が表示されたと思います。

これで、Firebaseでの新規プロジェクトの作成は完了です。
続いて、XcodeプロジェクトにFirebaseを導入しましょう。

2. XcodeプロジェクトへのFirebaseの導入

今回はCocoapodsでFirebaseを導入します
使用するのは、Firebase AuthとFirebase Databaseです。
Firebase Authはユーザー認証のために、導入します。
Firebase Databaseはデータの送受信と保存のために、導入します。

では、ターミナルで導入するXcodeプロジェクトへディレクトリ移動を行い、pod initを行いましょう。

Cocoapodsの使い方はこちら
[Swift]Cocoapods導入手順

Shell
pod init

使用するpodはこちら

pod 'Firebase'
pod 'Firebase/Auth'
pod 'Firebase/Database'

Podfileが以下のようになっていれば大丈夫です。今回、私はXcodeプロジェクトの名称を「Qiita-Firebase」としました。重要なのは、pod 'Firebase'からの3行の位置ですので、そこを注意していただけると大丈夫かと思います。

Podfile
# Uncomment this line to define a global platform for your project
# platform :ios, '9.0'

target 'Qiita-Firebase' do
  # Comment this line if you're not using Swift and don't want to use dynamic frameworks
  use_frameworks!

  # Pods for Qiita-Firebase
  pod 'Firebase' //この行を追加
  pod 'Firebase/Auth' //この行を追加
  pod 'Firebase/Database' //この行を追加

  target 'Qiita-FirebaseTests' do
    inherit! :search_paths
    # Pods for testing
  end

  target 'Qiita-FirebaseUITests' do
    inherit! :search_paths
    # Pods for testing
  end

end

では、pod installを行い、podを導入しましょう。

pod installが終われば、拡張子が.xcworkspaceとなっているファイルを開けば、Firebaseのフレームワークは入っています。

3. XcodeプロジェクトとFirebaseのコネクト

Firebaseのコンソール画面から、プロジェクトを選択した画面から、今度はXcodeプロジェクトとFirebaseを連携させましょう。

プロジェクトの画面からiOSを選択してください。選択すると以下のようなフォームが出てくると思います。

Firebase_14.png

XcodeプロジェクトのBundle Identifierを記入しましょう。必要ならApp Store IDも記入してください。

Firebase_13.png

記入すると、追加ボタンが選択可能になりますので、そのまま選択してください。

XcodeのBundle Identifierがわからない方は、以下を参照してください。

Qiita-Firebase_xcodeproj.png

選択すると、次の行程に移ります。そのまま続行に移り、GoogleService-Info.plistをダウンロードしましょう。

Firebase_11.png

Firebase_12.png

続いて、CocoapodsでのFirebaseのインポートを促されますが、今回は既に済ませていますので、スルーしてください。

Firebase_10.png

続いて、Firebaseの誘導に従って、ダウンロードしたGoogleService-info.plistをXcodeプロジェクトにコピーし、AppDelegate.swiftにコードを書きます。

では、以下のフォームに従ってコードを書きましょう。

Firebase_9.png

AppDelegate.swift
import UIKit
import Firebase //この行を追加

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?


    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
        // Override point for customization after application launch.
     
        FIRApp.configure() //この行を追加
        return true
    }

GoogleService-info.plistも追加ししましょう。
デスクトップ_と_Qiita-Firebase_xcodeproj.png

これでXcodeプロジェクトとFirebaseとのコネクトは完了です。
以上で、Firebaseとの設定部分は終了です。

ではユーザー認証とCRUDのコードに移っていきましょう。

4. ユーザー認証

今回は、SignupViewControllerとLoginViewControllerをつくり、認証が済んでいる場合、TableViewでデータを表示するListViewControllerに遷移するようにします。

今回は、メールアドレスとパスワードでユーザー認証を行います。

画面構成としては以下の通りです。

Main_storyboard_—_Edited.png

サインアップ

では、まずSignupViewControllerにTextFieldとSign upボタン、LoginViewControllerへ遷移するボタンをを画面に追加し、そのコードを書きます。

SignupViewController.swift
import UIKit
import Firebase //Firebaseをインポート

class SignupViewController: UIViewController, UITextFieldDelegate {
    
    @IBOutlet var emailTextField: UITextField! // Emailを打つためのTextField
    
    @IBOutlet var passwordTextField: UITextField! //Passwordを打つためのTextField
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        emailTextField.delegate = self //デリゲートをセット
        passwordTextField.delegate = self //デリゲートをセット
        passwordTextField.isSecureTextEntry = true // 文字を非表示に
        
        self.layoutFacebookButton()
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    //サインアップボタン
    @IBAction func willSignup() {
        //サインアップのための関数
        signup()
    }
    //ログイン画面への遷移ボタン
    @IBAction func willTransitionToLogin() {
        transitionToLogin()
    }
    
    @IBAction func willLoginWithFacebook() {
        self.loginWithFacebook()
    }
    
    //ログイン画面への遷移
    func transitionToLogin() {
        self.performSegue(withIdentifier: "toLogin", sender: self)
    }
    //ListViewControllerへの遷移
    func transitionToView() {
        self.performSegue(withIdentifier: "toView", sender: self)
    }
    //Returnキーを押すと、キーボードを隠す
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }

次に、サインアップの処理を行うメソッドを書きます。

SignupViewController.swift
    //Signupのためのメソッド
    func signup() {
        //emailTextFieldとpasswordTextFieldに文字がなければ、その後の処理をしない
        guard let email = emailTextField.text else  { return }
        guard let password = passwordTextField.text else { return }
        //FIRAuth.auth()?.createUserWithEmailでサインアップ
        //第一引数にEmail、第二引数にパスワード
        FIRAuth.auth()?.createUser(withEmail: email, password: password, completion: { (user, error) in
            //エラーなしなら、認証完了
            if error == nil{
                        // エラーがない場合にはそのままログイン画面に飛び、ログインしてもらう
                        self.transitionToLogin()
                })
            }else {
                
                print("\(error?.localizedDescription)")
            }
        })
    }

以上でサインアップが完了です。続いて、LoginViewControllerにログインのためのコードを書きます。

ログイン

サインアップと同じように、EmailとPasswordのためのTextFieldとログインボタンを追加し、必要なコードを以下のように追加

LoginViewController.swift
import UIKit
import Firebase //Firebaseをインポート

class LoginViewController: UIViewController, UITextFieldDelegate {
    
    @IBOutlet var emailTextField: UITextField! // Emailを打つためのTextField
    
    @IBOutlet var passwordTextField: UITextField! //Passwordを打つためのTextField

    override func viewDidLoad() {
        super.viewDidLoad()

        emailTextField.delegate = self //デリゲートをセット
        passwordTextField.delegate = self //デリゲートをセット
        passwordTextField.isSecureTextEntry  = true // 文字を非表示に
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    //ログインボタン
    @IBAction func didRegisterUser() {
        //ログインのためのメソッド
        login()
    }
    //Returnキーを押すと、キーボードを隠す
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }
    
    //ログイン完了後に、ListViewControllerへの遷移のためのメソッド
    func transitionToView()  {
        self.performSegue(withIdentifier: "toVC", sender: self)
    }
}

次に、ログインの処理を行うメソッドを書きます。

LoginViewController.swift
    //ログインのためのメソッド
    func login() {
            //EmailとPasswordのTextFieldに文字がなければ、その後の処理をしない
            guard let email = emailTextField.text else { return }
            guard let password = passwordTextField.text else { return }
            
            //signInWithEmailでログイン
            //第一引数にEmail、第二引数にパスワードを取ります
            FIRAuth.auth()?.signIn(withEmail: email, password: password, completion: { (user, error) in
                //エラーがないことを確認
                if error == nil {
                    if let loginUser = user {
                            self.transitionToView()
                    }
                }else {
                    print("error...\(error?.localizedDescription)")
                }
            })
    }

以上で、サインアップとログインの処理が完了しました。

ログアウト

ログアウト機能は、サンプルでは、ViewControllerに追加しています。

ViewController.swift
    func logout() {
        do {
            //do-try-catchの中で、FIRAuth.auth()?.signOut()を呼ぶだけで、ログアウトが完了
            try FIRAuth.auth()?.signOut()
            
            //先頭のNavigationControllerに遷移
            let storyboard = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "Nav")
            self.present(storyboard, animated: true, completion: nil)
        }catch let error as NSError {
            print("\(error.localizedDescription)")
        }
        
    }
        
    }

ユーザー認証におけるメールの確認

以上で、ユーザーのサインアップやログインは完了していますが、アプリとして使うためには、メールが本当に正しいか確認する必要があります。
さきほど書いたコードにメールのバリデーションのためのコードを追記していきたいと思います。

まず、サインアップの際に登録されたメールアドレスにバリデーションのメールを送りましょう。
そのために使用するメソッドはsendEmailVerificationWithCompletionです。

createUserWithEmail をつかって登録した際に、エラーがない場合に、 sendEmailVerificationWithCompletion を使用します。これだけでバリデーションのためのメールを送ってくれます。

先ほどの、signupを以下のように変更します。変更している点は、sendEmailWithCompletionから7行のみです。

SignupViewController.swift

    //Signupのためのメソッド
    func signup() {
        //emailTextFieldとpasswordTextFieldに文字がなければ、その後の処理をしない
        guard let email = emailTextField.text else  { return }
        guard let password = passwordTextField.text else { return }
        //FIRAuth.auth()?.createUserWithEmailでサインアップ
        //第一引数にEmail、第二引数にパスワード
        FIRAuth.auth()?.createUser(withEmail: email, password: password, completion: { (user, error) in
            //エラーなしなら、認証完了
            if error == nil{
                // メールのバリデーションを行う
                user?.sendEmailVerification(completion: { (error) in
                    if error == nil {
                        // エラーがない場合にはそのままログイン画面に飛び、ログインしてもらう
                        self.transitionToLogin()
                    }else {
                        print("\(error?.localizedDescription)")
                    }
                })
            }else {
                
                print("\(error?.localizedDescription)")
            }
        })
    }

また、ログイン画面では、ログインボタンが押された時に、そのユーザーのメールのバリデーションが完了済みかどうか確認してから、ログインするようにします。

FIRUserのemailVerifiedを使用することで、メールのバリデーションができているかのBool値が返ってきます。

LoginViewController.swift
    //ログインのためのメソッド
    func login() {
            //EmailとPasswordのTextFieldに文字がなければ、その後の処理をしない
            guard let email = emailTextField.text else { return }
            guard let password = passwordTextField.text else { return }
            
            //signInWithEmailでログイン
            //第一引数にEmail、第二引数にパスワードを取ります
            FIRAuth.auth()?.signIn(withEmail: email, password: password, completion: { (user, error) in
                //エラーがないことを確認
                if error == nil {
                    if let loginUser = user {
                        // バリデーションが完了しているか確認。完了ならそのままログイン
                        if self.checkUserValidate(user: loginUser) {
                            // 完了済みなら、ListViewControllerに遷移
                            print(FIRAuth.auth()?.currentUser)
                            self.transitionToView()
                        }else {
                            // 完了していない場合は、アラートを表示
                            self.presentValidateAlert()
                        }
                    }
                }else {
                    print("error...\(error?.localizedDescription)")
                }
            })
    }
    
    // ログインした際に、バリデーションが完了しているか返す
    func checkUserValidate(user: FIRUser)  -> Bool {
        return user.isEmailVerified
    }
    // メールのバリデーションが完了していない場合のアラートを表示
    func presentValidateAlert() {
        let alert = UIAlertController(title: "メール認証", message: "メール認証を行ってください", preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))
        self.present(alert, animated: true, completion: nil)
    }

メールのバリデーションの追加に伴い、SignupViewControllerでのログイン済みかどうかの処理も変更します。

SignupViewController.swift
    override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(animated)
        //ログインしていれば、遷移
        //FIRAuthがユーザー認証のためのフレーム
        //checkUserVerifyでチェックして、ログイン済みなら画面遷移
        if self.checkUserVerify() {
            self.transitionToView()
        }
    }

    // ログイン済みかどうかと、メールのバリデーションが完了しているか確認
    func checkUserVerify()  -> Bool {
        guard let user = FIRAuth.auth()?.currentUser else { return false }
        return user.emailVerified
    }

5. Create(データの作成、送信)

では、データの送信を行っていきます。

その前に、今回のFirebaseのデータベースの設計としては、ユーザーのIDにchildとして、投稿をつなげていきます。今回はユーザーは自身の投稿のみを見ることができます。

データベースの設計としては、以下の仕様です。

Firebase_16.png

Firebaseでは、ルートを以下のコードで指定します。

let ref = FIRDatabase.database().reference

そこから、childとして枝分かれの部分を指定していきます。

では、まず投稿画面を作ります。
今回は、短文1つのみを投稿できるようにしていますので、TextFieldを追加し、必要なコードを書きましょう。

サンプルプロジェクトでは、ViewController.swiftが投稿のための画面です。

ViewController.swift
import UIKit
import Firebase //Firebaseをインポート

class ViewController: UIViewController, UITextFieldDelegate {
    
    let ref = FIRDatabase.database().reference() //FirebaseDatabaseのルートを指定
    
    @IBOutlet var textField: UITextField! //投稿のためのTextField
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        textField.delegate = self //デリゲートをセット
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    //投稿ボタン
    @IBAction func post(sender: UIButton) {
            //投稿のためのメソッド
            create()
        
    }
    
    //Returnキーを押すと、キーボードを隠す
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }

では、最低限必要なコードは記載しましたので、本題のデータを送信するためのcreateメソッドを書きます。

ViewController.swift
    //データの送信のメソッド
    func create() {
        //textFieldになにも書かれてない場合は、その後の処理をしない
        guard let text = textField.text else { return }
        
        //ロートからログインしているユーザーのIDをchildにしてデータを作成
        //childByAutoId()でユーザーIDの下に、IDを自動生成してその中にデータを入れる
        //setValueでデータを送信する。第一引数に送信したいデータを辞書型で入れる
        //今回は記入内容と一緒にユーザーIDと時間を入れる
        //FIRServerValue.timestamp()で現在時間を取る
        self.ref.child((FIRAuth.auth()?.currentUser?.uid)!).childByAutoId().setValue(["user": (FIRAuth.auth()?.currentUser?.uid)!,"content": text, "date": FIRServerValue.timestamp()])
    }

これだけで、CRUDのCreateの部分は完了です。

次に、CRUDのRead(データの受信・読み込み)を行います。

6. Read(データの読み込み)

今回はListViewControllerというクラスを作成し、UIViewControllerを継承します。
そこに、TableViewを配置し、先ほどの投稿内容と投稿した時間を表示していきます。

では、TableViewなどの必要なコードを書いていきます。

ListViewController.swift
import UIKit
import Firebase //Firebaseをインポート

class ListViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    @IBOutlet weak var table: UITableView! //送信したデータを表示するTableView
    
    var contentArray: [FIRDataSnapshot] = [] //Fetchしたデータを入れておく配列、この配列をTableViewで表示

    var snap: FIRDataSnapshot! //FetchしたSnapshotsを格納する変数
    
    let ref = FIRDatabase.database().reference() //Firebaseのルートを宣言しておく
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //データを読み込むためのメソッド
        self.read()
        
        //TableViewCellをNib登録、カスタムクラスを作成
        table.register(UINib(nibName: "ListTableViewCell", bundle: nil), forCellReuseIdentifier: "ListCell")
        
        table.delegate = self //デリゲートをセット
        table.dataSource = self //デリゲートをセット
        
        // Do any additional setup after loading the view.
        
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        
        //Cellの高さを調節
        table.estimatedRowHeight = 56
        table.rowHeight = UITableViewAutomaticDimension
    }
    
    override func viewDidDisappear(_ animated: Bool) {
        super.viewDidDisappear(animated)
        //画面が消えたときに、Firebaseのデータ読み取りのObserverを削除しておく
        ref.removeAllObservers()
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    //ViewControllerへの遷移のボタン
    @IBAction func didSelectAdd() {
        self.transition()
    }

    //ViewControllerへの遷移
    func transition() {
        self.performSegue(withIdentifier: "toView", sender: self)
    }
    
    //セルの数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return contentArray.count
    }
    
    //返すセルを決める
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        //xibとカスタムクラスで作成したCellのインスタンスを作成
        let cell = table.dequeueReusableCell(withIdentifier: "ListCell") as! ListTableViewCell
        
        return cell
    }   
}

必要最低限のTableViewなどのコードが書けたので、データを読み込み表示するためのコードを書きます。

ListViewController.swift
    func read()  {
        //FIRDataEventTypeを.Valueにすることにより、なにかしらの変化があった時に、実行
        //今回は、childでユーザーIDを指定することで、ユーザーが投稿したデータの一つ上のchildまで指定することになる
        ref.child((FIRAuth.auth()?.currentUser?.uid)!).observe(.value, with: {(snapShots) in
            if snapShots.children.allObjects is [FIRDataSnapshot] {
                print("snapShots.children...\(snapShots.childrenCount)") //いくつのデータがあるかプリント
                
                print("snapShot...\(snapShots)") //読み込んだデータをプリント
                
                self.snap = snapShots
                
            }
            self.reload(snap: self.snap)
        })
    }
    
    //読み込んだデータは最初すべてのデータが一つにまとまっているので、それらを分割して、配列に入れる
    func reload(snap: FIRDataSnapshot) {
        if snap.exists() {
            print(snap)
            //FIRDataSnapshotが存在するか確認
            contentArray.removeAll()
            //1つになっているFIRDataSnapshotを分割し、配列に入れる
            for item in snap.children {
                contentArray.append(item as! FIRDataSnapshot)
            }
            // ローカルのデータベースを更新
            ref.child((FIRAuth.auth()?.currentUser?.uid)!).keepSynced(true)
            //テーブルビューをリロード
            table.reloadData()
        }
    }

readとreloadでデータを受信し、配列にいれるところまで処理が完了しました。
ここで、問題としてはtimestampで保存している投稿時間を見やすい形式に変換する必要があるので、そのコードを足します。

ListViewController.swift
    //timestampで保存されている投稿時間を年月日に表示形式を変換する
    func getDate(number: TimeInterval) -> String {
        let date = Date(timeIntervalSince1970: number)
        let formatter = DateFormatter()
        formatter.dateFormat = "yyyy/MM/dd HH:mm"
        return formatter.string(from: date)
    }

では次に、Cellに投稿内容と時間を表示していきます。

ListViewController.swift
    //返すセルを決める
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        //xibとカスタムクラスで作成したCellのインスタンスを作成
        let cell = table.dequeueReusableCell(withIdentifier: "ListCell") as! ListTableViewCell
        
        //配列の該当のデータをitemという定数に代入
        let item = contentArray[indexPath.row]
        //itemの中身を辞書型に変換
        let content = item.value as! Dictionary<String, AnyObject>
        //contentという添字で保存していた投稿内容を表示
        cell.contentLabel.text = String(describing: content["content"]!)
        //dateという添字で保存していた投稿時間をtimeという定数に代入
        let time = content["date"] as! TimeInterval
        //getDate関数を使って、時間をtimestampから年月日に変換して表示
        cell.postDateLabel.text = self.getDate(number: time/1000)
        
        return cell
    }

以上で、CRUDのReadまで完了しました。

7. Update(データの更新)

次に、ListViewControllerで選択したデータをViewControllerに渡し、投稿内容を変更することができるようにします。

まず、ListViewControllerで選択したCellのデータをViewControllerに渡すためのコードを書きます。

ListViewController.swift
    //変更したいデータのための変数、CellがタップされるselectedSnapに値が代入される
    var selectedSnap: FIRDataSnapshot!
    //選択されたCellの番号を引数に取り、contentArrayからその番号の値を取り出し、selectedSnapに代入
   //その後遷移
    func didSelectRow(selectedIndexPath indexPath: IndexPath) {
        //ルートからのchildをユーザーのIDに指定
        //ユーザーIDからのchildを選択されたCellのデータのIDに指定
        self.selectedSnap = contentArray[indexPath.row]
        self.transition()
    }
    //Cellがタップされると呼ばれる
    //上記のdidSelectedRowにタップされたCellのIndexPathを渡す
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        self.didSelectRow(selectedIndexPath: indexPath)
    }
    //遷移するときに呼ばれる
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "toView" {
            let view = segue.destination as! ViewController
            if let snap = self.selectedSnap {
                view.selectedSnap = snap
            }
        }
    }

続いて、ViewControllerのほうに渡されたデータをもとに更新するための必要なコードを書いていきます。

ViewController.swift
    var isCreate = true //データの作成か更新かを判定、trueなら作成、falseなら更新
    
    var selectedSnap: FIRDataSnapshot! //ListViewControllerからのデータの受け取りのための変数

    override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(animated)
        //selectedSnapがnilならその後の処理をしない
        guard let snap = self.selectedSnap else { return }
        
        //受け取ったselectedSnapを辞書型に変換
        let item = snap.value as! Dictionary<String, AnyObject>
        //textFieldに受け取ったデータのcontentを表示
        textField.text = item["content"] as? String
        //isCreateをfalseにし、更新するためであることを明示
        isCreate = false
    }
    //Postボタンを以下のように変更
    @IBAction func post(sender: UIButton) {
        if isCreate {
            //投稿のためのメソッド
            create()
        }else {
            //更新するためのメソッド
            update()
        }
        _ = self.navigationController?.popViewController(animated: true)
    }

では、本題のupdateメソッドを書いていきます。

ViewController.swift
    //更新のためのメソッド
    func update() {
        //ルートからのchildをユーザーIDに指定
        //ユーザーIDからのchildを受け取ったデータのIDに指定
        //updateChildValueを使って更新
        ref.keepSynced(true)
        ref.child((FIRAuth.auth()?.currentUser?.uid)!).child("\(self.selectedSnap.key)").updateChildValues(["user": (FIRAuth.auth()?.currentUser?.uid)!,"content": self.textField.text!, "date": FIRServerValue.timestamp()])
    }

以上で、CRUDのUpdateまで完了しました。

8. Delete(データの削除)

では、CRUDの最後のDelteを行います。

ここでは、ListViewControllerをスワイプすることでDeleteボタンを表示させ、Deleteボタンを押すことで、データの削除を行います。

ListViewController.swift
    //スワイプ削除のメソッド
    func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
        //デリートボタンを追加
        if editingStyle == .delete {
            //選択されたCellのNSIndexPathを渡し、データをFirebase上から削除するためのメソッド
            self.delete(deleteIndexPath: indexPath)
            //TableView上から削除
            table.deleteRows(at: [indexPath as IndexPath], with: .fade)
        }
    }

では、削除のためのメソッドを記載します。

ListViewController.swift
    func delete(deleteIndexPath indexPath: IndexPath) {
        ref.child((FIRAuth.auth()?.currentUser?.uid)!).child(contentArray[indexPath.row].key).removeValue()
        contentArray.remove(at: indexPath.row)
    }

以上でCRUDすべてが完了しました。

オフラインでもデータにアクセスしたいとき

Firebaseでは、オフラインでもデータにアクセスできるように、ローカルにデータベースを自動で構築する設定があります。

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Boolのなかで以下の一行を記入すれば大丈夫です

AppDelegate.swift
FIRDatabase.database().persistenceEnabled = true //ローカルにデータベースを構築する設定

また、Firebase上のデータの変化を検知してくれるobserverを有効にした後に、keeoSynced()を有効にすれば、ローカルに作成されたデータベースにもデータが反映されます。

keepSyncedの有効に仕方は以下のとおりです

// ローカルのデータベースを更新
    ref.child((FIRAuth.auth()?.currentUser?.uid)!).keepSynced(true)

9. サンプルコード

GitHubにサンプルコードを上げています。
参考にしていただければと思います。

Firebase Sampler
https://github.com/ShinokiRyosei/Firebase-Sampler

302
281
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
302
281

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?