1月 29, 2017 / 最終更新日 : 8月 4, 2019 りゅーたプログラミング

Firebase でチャットを作ってみた(iOS) その3 認証機能を使ってユーザ登録する

前回の記事は一時的にリアルタイムデータベースの読み書きを誰でもできるようにしてチャットを実装しましたが、セキュリティ上はあまり好ましくない状況かと思います(Firebase コンソールでも警告が表示されています)。

今回は Firebase の認証機能を使って、登録ユーザのみがデータベースにアクセスできるようにしたいと思います。
Firebase の認証機能では Google や Twitter などのアカウントを使ってログインすることもできますが、今回は単純なメールアドレスとパスワードによる認証を使います。

0. データベースの読み書き権限をデフォルトの状態に戻す

前回変更したデータベースの読み書き権限をデフォルトの状態に戻しておきます。

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

{

"rules": {

".read": "auth != null",

".write": "auth != null"

}

この状態で前回のコードを動かすと、エラーが出てデータベースにアクセスできない状態になるはずです。

1. CocoaPods で Auth を追加

Podfile に以下を追加

pod 'Firebase/Auth'

1 2	pod 'Firebase/Auth'

pod install でインストール

$ pod install

1 2	$ pod install

2. パスワード認証を有効にする

パスワード認証を含めて、全ての認証はデフォルトで無効になっているようです。
リアルタイムデータベースの設定時と同様に、Firebase コンソールに行き、プロジェクトを選択します。

概要の少し下にある Authentication の使ってみるをクリックします。

「ログイン方法」のタブで、メール/パスワードを有効に設定します。

3. 画面作成

ユーザ登録、ログイン用の画面を作成します。
新規ユーザ登録(Sign up) と既存ユーザのログイン(Log in) のボタンも作っておきます。

また、今回作ったログイン画面から前回作ったチャット画面への Segue を作成しておきます。(ここでは “talkSegue” とする)

4. 認証コードを実装する

FirebaseAuth を import します。

import FirebaseAuth

1 2	import FirebaseAuth

Sign up ボタンタップ時の動作として、下記のコードを追加します。
createUser でメールアドレスとパスワードで新規にユーザ登録を行います。
成功時は登録している Segue を呼び出してチャット画面へ遷移、失敗時はエラーメッセージを表示するように実装しておきます。

    @IBAction func onTouchedSignUpButton(_ sender: Any) {
        if let email = mailAddressText.text, let password = passwordText.text {
            FIRAuth.auth()?.createUser(withEmail: email, password: password) { [weak self] (user, error) in
                self?.validateAuthenticationResult(user, error: error)
            }
        }
    }

@IBAction func onTouchedSignUpButton(_ sender: Any) {

if let email = mailAddressText.text, let password = passwordText.text {

FIRAuth.auth()?.createUser(withEmail: email, password: password) { [weak self] (user, error) in

self?.validateAuthenticationResult(user, error: error)

}

    private func validateAuthenticationResult(_ authResult: AuthDataResult?, error: Error?) {
        if let error = error{
            let alert = UIAlertController(title: "Error", message: error.localizedDescription, preferredStyle: .alert)
            alert.addAction(UIAlertAction(title: "OK", style: .default))
            present(alert, animated: true, completion: nil)
        } else {
            performSegue(withIdentifier: "talkSegue", sender: self)
        }
    }

private func validateAuthenticationResult(_ authResult: AuthDataResult?, error: Error?) {

if let error = error{

let alert = UIAlertController(title: "Error", message: error.localizedDescription, preferredStyle: .alert)

alert.addAction(UIAlertAction(title: "OK", style: .default))

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

} else {

performSegue(withIdentifier: "talkSegue", sender: self)

}

ログインする場合は signIn メッセージを使います。使い方は createUser と同じです。

5. できたコード

今回は認証部分だけの追加になります。

import UIKit
import FirebaseAuth

class LogInViewController: UIViewController {
    @IBOutlet weak var mailAddressText: UITextField!
    @IBOutlet weak var passwordText: UITextField!
    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction func onTouchedSignUpButton(_ sender: Any) {
        if let email = mailAddressText.text, let password = passwordText.text {
            Auth.auth().createUser(withEmail: email, password: password) { [weak self] (authResult, error) in
                self?.validateAuthenticationResult(authResult, error: error)
            }
        }
    }
    @IBAction func onTouchedLogInButton(_ sender: Any) {
        if let email = mailAddressText.text, let password = passwordText.text {
            Auth.auth().signIn(withEmail: email, password: password) { [weak self] (authResult, error) in
                _ = self?.validateAuthenticationResult(authResult, error: error)
            }
        }
    }

    private func validateAuthenticationResult(_ authResult: AuthDataResult?, error: Error?) {
        if let error = error{
            let alert = UIAlertController(title: "Error", message: error.localizedDescription, preferredStyle: .alert)
            alert.addAction(UIAlertAction(title: "OK", style: .default))
            present(alert, animated: true, completion: nil)
        } else {
            performSegue(withIdentifier: "talkSegue", sender: self)
        }
    }
}

import UIKit

import FirebaseAuth

class LogInViewController: UIViewController {

@IBOutlet weak var mailAddressText: UITextField!

@IBOutlet weak var passwordText: UITextField!

override func viewDidLoad() {

super.viewDidLoad()

}

@IBAction func onTouchedSignUpButton(_ sender: Any) {

if let email = mailAddressText.text, let password = passwordText.text {

Auth.auth().createUser(withEmail: email, password: password) { [weak self] (authResult, error) in

self?.validateAuthenticationResult(authResult, error: error)

}

@IBAction func onTouchedLogInButton(_ sender: Any) {

if let email = mailAddressText.text, let password = passwordText.text {

Auth.auth().signIn(withEmail: email, password: password) { [weak self] (authResult, error) in

_ = self?.validateAuthenticationResult(authResult, error: error)

}

private func validateAuthenticationResult(_ authResult: AuthDataResult?, error: Error?) {

if let error = error{

let alert = UIAlertController(title: "Error", message: error.localizedDescription, preferredStyle: .alert)

alert.addAction(UIAlertAction(title: "OK", style: .default))

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

} else {

performSegue(withIdentifier: "talkSegue", sender: self)

}

これでログインした状態になるので、再度データベースにアクセスし、チャットができるようになりました。

続きです。

田舎からGeekを目指す

Firebase でチャットを作ってみた(iOS) その4 チャット更新時にプッシュ通知を飛ばす

https://ryuta46.com/103

LINE やSkype などでよくある、メッセージ受信時のPush 通知を実装したいと思います。ただ、これはFirebase だけで実現するのは難しいようなので別のサーバを挟むやり方でやってみます。今回は Node.js のサーバを使って実装してみます。1. 端末でプッシュ通知を受信...

最後まで読んでいただきありがとうございます。このブログを「いいな」と感じていただけましたら、Twiter にてフォローいただけるとうれしいです。ブログ更新情報などもお届けします。

Follow @ryuta461

この記事をシェアする

カテゴリー: プログラミング

タグ: Firebase iOS