【iOS Swift】アプリにログイン機能をつけよう！

概要

• ニフクラmobile backendの『会員管理機能』を利用してSwiftアプリにログイン機能を実装したサンプルプロジェクトです
• 簡単な操作ですぐに ニフクラmobile backendの機能を体験いただけます★☆

ニフクラmobile backendって何？？

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

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

動作環境

• Mac OS 13.4.1 (Veunture)
• Xcode Version 15.0
• iPhone SE (iOS 17)

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

手順

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

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

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

• 動作確認後に会員情報が保存される場所も確認しておきましょう

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

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

3. Xcodeでアプリを起動

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

• 「SwiftLoginApp.xcodeproj」（青い方）ではないので注意してください！

4. APIキーの設定

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

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

5. 動作確認

• Xcode画面で左上の実行ボタン（さんかくの再生マーク）をクリックします

• ビルド時にエラーが発生した場合の対処方法

• Xcodeのバージョンが古い場合import NCMBにエラーが発生し、上手くSDKが読み込めないことがあります

• その場合は【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法をご覧いただき、別の読み込み方法をお試しください

• シミュレーターが起動したら、Login画面が表示されます

• 初回はSignUpボタンをクリックして、会員登録を行います

• User NameとPasswordを２つ入力してボタンをタップします
• 会員登録が成功するとログインされ、下記画面が表示されます
• このときmBaaS上に会員情報が作成されます！
• ログインに失敗した場合は画面にエラーコードが表示されます
• 万が一エラーが発生した場合は、こちらよりエラー内容を確認いただけます

• Logout ボタンをタップするとログアウトし、元の画面に戻ります
• 登録された会員情報を使ってLogin画面からログインが可能です（操作は同様です）

---

• 保存に成功したら、ニフクラmobile backendのダッシュボードから「会員管理」を確認してみましょう！

解説

サンプルプロジェクトに実装済みの内容のご紹介

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

• ニフクラmobile backend のドキュメント（クイックスタート）をSwift版に書き換えたドキュメントをご用意していますので、ご活用ください
• SwiftでmBaaSを始めよう！(＜CocoaPods＞でuse_framewoks!を有効にした方法)
• ＜CocoaPods＞SwiftでmBaaSを始めよう！

ロジック

• Main.storyboardでデザインを作成し、LoginViewController.swift,SignUpViewController.swift,LogoutViewController.swiftにロジックを書いています
• ログイン、会員登録、ログアウト部分の処理は以下のように記述されます　※ただし、左記処理以外のコードは除いています

LoginViewController.swift

// ログイン
NCMBUser.logInWithUsernameInBackground(self.userNameTextField.text, password: self.passwordTextField.text, block:{(user: NCMBUser?, error: NSError!) in
    if error != nil {
        // ログイン失敗時の処理

    }else{
        // ログイン成功時の処理

    }
})

SignUpViewController.swift

//会員登録
user.signUpInBackgroundWithBlock{(error: NSError!) in
    if error != nil {
        // 新規登録失敗時の処理

    }else{
        // 新規登録成功時の処理

    }
}

LogoutViewController.swift

// ログアウト
NCMBUser.logOut()

参考

• ニフクラmobile backend のドキュメント（会員管理）をSwift版に書き換えたドキュメントをご用意していますので、ご活用ください
• Swiftでログイン機能をつけてみよう！
• 同じ内容の【Objective-C】版もご用意しています
• https://github.com/natsumo/ObjcLoginApp