- ニフティクラウドmobile backendの『会員管理機能』を利用してObjective-Cアプリにログイン機能を実装したサンプルプロジェクトです
- 簡単な操作ですぐに ニフティクラウドmobile backendの機能を体験いただけます★☆
スマートフォンアプリのバックエンド機能(プッシュ通知・データストア・会員管理・ファイルストア・SNS連携・位置情報検索・スクリプト)が開発不要、しかも基本無料(注1)で使えるクラウドサービス!
注1:詳しくはこちらをご覧ください
- Mac OS X 10.10(Yosemite)
- Xcode ver. 7.2.1
- Simulator ver. 9.2
※上記内容で動作確認をしています。
1. ニフティクラウドmobile backendの会員登録とログイン→アプリ作成
- 上記リンクから会員登録(無料)をします。登録ができたらログインをすると下図のように「アプリの新規作成」画面が出るのでアプリを作成します
- アプリ作成されると下図のような画面になります
- この2種類のAPIキー(アプリケーションキーとクライアントキー)はXcodeで作成するiOSアプリにニフティクラウドmobile backendを紐付けるために使用します
- 動作確認後に会員情報が保存される場所も確認しておきましょう
- 下記リンクをクリックしてプロジェクトをダウンロードをMacにダウンロードします
- ObjcLoginApp
- ダウンロードしたフォルダを開き、「ObjcLoginApp.xcworkspace」をダブルクリックしてXcode開きます(白い方です)
AppDelegate.m
を編集します- 先程ニフティクラウドmobile backendのダッシュボード上で確認したAPIキーを貼り付けます
- それぞれ
YOUR_NCMB_APPLICATION_KEY
とYOUR_NCMB_CLIENT_KEY
の部分を書き換えます - このとき、ダブルクォーテーション(
"
)を消さないように注意してください! - 書き換え終わったら
command + s
キーで保存をします
- Xcode画面で左上の実行ボタン(さんかくの再生マーク)をクリックします
- シミュレーターが起動したら、Login画面が表示されます
- 初回は__
SignUp
__ ボタンをクリックして、会員登録を行います
User Name
とPassword
を2つ入力してボタンをタップします- 会員登録が成功するとログインされ、下記画面が表示されます
- このときmBaaS上に会員情報が作成されます!
- ログインに失敗した場合は画面にエラーコードが表示されます
- 万が一エラーが発生した場合は、こちらよりエラー内容を確認いただけます
Logout
ボタンをタップするとログアウトし、元の画面に戻ります- 登録された会員情報を使ってLogin画面からログインが可能です(操作は同様です)
- 保存に成功したら、ニフティクラウドmobile backendのダッシュボードから「会員管理」を確認してみましょう!
サンプルプロジェクトに実装済みの内容のご紹介
- ニフティクラウドmobile backend のドキュメント(クイックスタート)をご覧ください
- このDEMOアプリは「CocoaPods」を利用する方法でSDKをインポートしています
Main.storyboard
でデザインを作成し、LoginViewController.m
,SignUpViewController.m
,LogoutViewController.m
にロジックを書いています- ログイン、会員登録、ログアウト部分の処理は以下のように記述されます ※ただし、左記処理以外のコードは除いています
LoginViewController.m
/** ログイン **/
[NCMBUser logInWithUsernameInBackground:self.userNameTextField.text password:self.passwordTextField.text block:^(NCMBUser *user, NSError *error) {
if (error) {
// ログイン失敗時の処理
}else{
// ログイン成功時の処理
}
}];
SignUpViewController.m
/** 会員登録 **/
//NCMBUserのインスタンスを作成
NCMBUser *user = [NCMBUser user];
//ユーザー名を設定
user.userName = self.userNameTextField.text;
//パスワードを設定
user.password = self.passwordTextField.text;
//会員の登録を行う
[user signUpInBackgroundWithBlock:^(NSError *error) {
if (error) {
// 新規登録失敗時の処理
} else {
// 新規登録成功時の処理
}
}];
LogoutViewController.m
/** ログアウト **/
[NCMBUser logOut];
- 同じ内容の【Swift】版もご用意しています
- https://github.com/natsumo/SwiftPushApp
- ニフティクラウドmobile backend のドキュメント(会員管理)をSwift版に書き換えたドキュメントをご用意していますので、ご活用ください
- Swiftでログイン機能をつけてみよう!