Skip to content
This repository has been archived by the owner on Apr 1, 2024. It is now read-only.

NIFCLOUD-mbaas/SwiftAutoLoginApp

 
 

Repository files navigation

【iOS Swift】自動ログイン機能を実装しよう!

画像1

概要

  • ニフクラmobile backendの『会員管理機能』を利用して、ゲームアプリによく見られる「自動ログイン機能」を実装したサンプルプロジェクトです
  • 「自動ログイン機能」とは、ユーザーが会員登録やログイン/ログアウトを意識することなく会員管理を行う機能です。通常の「会員管理機能」を応用して実装することが可能です。
  • 簡単な操作ですぐに ニフクラmobile backendの機能を体験いただけます★☆

ニフクラmobile backendって何??

スマートフォンアプリのバックエンド機能(プッシュ通知・データストア・会員管理・ファイルストア・SNS連携・位置情報検索・スクリプト)が開発不要、しかも基本無料(注1)で使えるクラウドサービス!

注1:詳しくはこちらをご覧ください

画像2

動作環境

  • Mac OS 12.5.1 (Monterey)
  • Xcode Version 14.0
  • iPhone X (iOS 16)

※上記内容で動作確認をしています。

手順

1. ニフクラmobile backend の会員登録・ログインとアプリの新規作成

  • 上記リンクから会員登録(無料)をします。登録ができたらログインをすると下図のように「アプリの新規作成」画面が出るのでアプリを作成します

画像3

  • アプリ作成されると下図のような画面になります
  • この2種類のAPIキー(アプリケーションキーとクライアントキー)はXcodeで作成するiOSアプリにニフクラmobile backendを紐付けるために使用します

画像4

2. GitHubからサンプルプロジェクトのダウンロード

  • 下記リンクをクリックしてプロジェクトをMacにダウンロードします
  • SwiftAutoLoginApp

3.SDKのインポートと初期設定

4. Xcodeでアプリを起動

  • ダウンロードしたフォルダを開き、「SwiftLoginApp.xcworkspace」をダブルクリックしてXcode開きます

画像9

画像6

  • 「SwiftAutoLoginApp.xcodeproj」(青い方)ではないので注意してください!

画像8

5. APIキーの設定

  • AppDelegate.swiftを編集します
  • 先程ニフクラmobile backendのダッシュボード上で確認したAPIキーを貼り付けます

画像7

  • それぞれYOUR_NCMB_APPLICATION_KEYYOUR_NCMB_CLIENT_KEYの部分を書き換えます
  • このとき、ダブルクォーテーション(")を消さないように注意してください!
  • 書き換え終わったらcommand + sキーで保存をします

6. 動作確認と解説

  • Xcode画面の左上、適当なSimulatorを選択します
  • iPhone7の場合は以下のようになります
  • 実行ボタン(さんかくの再生マーク)をクリックします

画像5

  • アプリが起動します

初回起動時

ユーザー側では特に操作をすることなく、裏では新規会員登録とログインが行われます

アプリ側
  • 画面は次のようになります

画像10

クラウド側
  • ニフクラmobile backendのダッシュボードを確認してみましょう
  • 「会員管理」の中にユーザー登録がされていることが確認できます

画像11

  • ニフクラmobile backendの「ユーザー名/パスワード」を使用して会員管理を行う機能を「自動ログイン機能」へ応用しています
  • ここでは、ユーザー名とパスワードとして、「端末ID(UDID)」を取得し起動時に認証を行うことで自動ログインを実現しています。
  • ダッシュボードの「userName」フィールドで登録された端末IDが確認できます。

2回目以降起動時

初回起動時に端末IDで会員情報が登録されているため、2回目以降起動時はログインが行われます

  • 左上の「■」ボタンをクリックしてプログラムを停止します
  • 再度、実行ボタン(さんかくの再生マーク)をクリックします
アプリ側
  • 画面は次のようになります

画像12

  • ニフクラmobile backendの会員機能では会員毎に、会員登録やログインを行うたびに更新される「updateDate」というフィールドを持ち、この値を利用して、「最終ログイン」日時の表示をするようにしています
  • 「lastLoginDate」というフィールドに値を移して使用しています

画像13

  • 何度か起動し、アプリ側とダッシュボード側を確認してみましょう

参考

ここではサンプルアプリに実装済みの内容について紹介します

SDKのインポートと初期設定

  • ニフクラmobile backend のドキュメント(クイックスタート)をSwift版に書き換えたドキュメントをご用意していますので、ご活用ください

ロジック

  • Main.storyboardでデザインを作成し、ViewController.swiftにロジックを書いています

自動ログイン処理

import UIKit
import NCMB

class ViewController: UIViewController {
    // label
    @IBOutlet weak var greetingMessage: UILabel!
    @IBOutlet weak var lastVisit: UILabel!
    @IBOutlet weak var dayAndTime: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // labelの初期化
        greetingMessage.text = ""
        lastVisit.text = ""
        dayAndTime.text = ""
        
        // UUID取得
        let uuid = UIDevice.current.identifierForVendor?.uuidString
        print("uuid:\(uuid)")
        
        /* mBaaSログイン */
        NCMBUser.logInInBackground(userName: uuid!, password: uuid!, callback:{ result in
            
            switch result {
                case .success:
                    // ログイン成功時の処理
                    print("ログインに成功しました")
                    
                    // 最終ログイン日時取得
                    let user:NCMBUser = NCMBUser.currentUser!
                    let updateDate = user["updateDate"]! as Any
                    
                    let formatter = DateFormatter()
                    formatter.dateFormat = "yyyy-MM-ddT07:12:02.127Z"//"yyyy/MM/dd HH:mm:ss"
                    let lastLoginDate = updateDate as! String
                    
                    
                    DispatchQueue.main.sync {
                        self.greetingMessage.text = "おかえりなさい"
                        self.lastVisit.text = "最終ログイン"
                        self.dayAndTime.text = "\(lastLoginDate)"
                    }

                    // ログイン日時の上書き
                    user["lastLoginDate"] = lastLoginDate
                    user.saveInBackground(callback: { updateResult in
                        switch updateResult {
                            case .success:
                                // 保存成功時の処理
                                print("最終ログイン日時の保存に成功しました。")
                                break
                            case let .failure(update_error):
                                // 保存失敗時の処理
                                print("最終ログイン日時の保存に失敗しました。エラーコード:\(update_error)")
                        }
                        
                    })
                    break
            case let .failure(login_error):
                    // ログイン失敗時の処理
                    print("ログインに失敗しました。エラーコード:\(login_error)")
                    // 初回利用(会員未登録)の場合
                    if (login_error as? NCMBApiError)?.errorCode == .authenticationErrorWithIdPassIncorrect { // 401002:ID/Pass認証エラー
                        /* mBaaS会員登録 */
                        let new_user = NCMBUser()
                        new_user.userName = uuid
                        new_user.password = uuid
                        new_user.signUpInBackground(callback: {signupResult in
                            switch signupResult {
                                case .success:
                                    // 会員登録成功時の処理
                                    print("会員登録に成功しました。")
                                    
                                    DispatchQueue.main.sync {
                                        self.greetingMessage.text = "はじめまして!"
                                    }
                                    
                                    /* mBaaSデータの保存 */
                                    let lastLoginDate = new_user["createDate"]! as Any
                                    new_user["lastLoginDate"] = lastLoginDate
                                    new_user.saveInBackground(callback: { newUpdateResult in
                                        switch newUpdateResult {
                                            case .success:
                                                // 保存成功時の処理
                                                print("最終ログイン日時の保存に成功しました。")
                                                break
                                            case let .failure(newUpdate_error):
                                                // 保存失敗時の処理
                                                print("最終ログイン日時の保存に失敗しました。エラーコード:\(newUpdate_error)")
                                        }
                                    })
                                case let .failure(signup_error):
                                    // 会員登録失敗時の処理
                                    print("会員登録に失敗しました。エラーコード:\(signup_error)")
                            }
                    })
                }
            }
        })
    }
}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Swift 96.8%
  • Ruby 3.2%