MonacaUserDemoApp

• ID/PW 認証、メールアドレス/PW 認証、匿名認証の３種類を試すことができる、ニフティクラウド mobile backend のサンプルアプリです。

動作確認までの手順

1. ニフティクラウド mobile backend（以下 mBaaS）の会員登録（無料）
2. mBaaS にアプリを新規作成し、APIキーを発行する
3. mBaaS に作成したアプリで会員管理を利用するための設定をする
   1. アプリ設定 ＞ 会員認証設定 ＞ 会員認証設定 内 ID/パスワード認証 ＞ 「許可する」を選択 ＞ 「保存する」をクリック
   2. アプリ設定 ＞ 会員認証設定 ＞ 会員認証設定 内 メールアドレス/パスワード認証 ＞ 「許可する」を選択 ＞ 「保存する」をクリック
   3. アプリ設定 ＞ 基本 ＞ 匿名設定 内 匿名会員の利用 ＞ 「許可する」を選択 ＞ 「保存する」をクリック
4. Monaca の会員登録（無料）
5. Monaca プロジェクトをインポート
   • https://github.com/natsumo/MonacaUserDemoApp/archive/master.zip
6. mBaaS SDK を Monaca に設定
   • 設定 ＞ JS/CSSコンポーネントの追加と削除 ＞ 「ncmb」を追加
7. Monaca プロジェクト www/js/app.js にAPIキーの設定

// [NCMB] APIキー設定
var applicationKey = "YOUR_NCMB_APPLICATION_KEY";
var clientKey = "YOUR_NCMB_CLIENT_KEY";

コード

SDK の初期化

// [NCMB] SDKの初期化
var ncmb = new NCMB(applicationKey, clientKey);

ID/PW 認証

新規登録 + ログイン

// [NCMB] user インスタンスの生成
var user = new ncmb.User();
// [NCMB] ID / PW で新規登録
user.set("userName", username)
    .set("password", password)
    .signUpByAccount()
    .then(function(user) {
        /* 処理成功 */
        // [NCMB] ID / PW でログイン
        ncmb.User.login(user)
                 .then(function(user) {
                     /* 処理成功 */
                 })
                 .catch(function(error) {
                     /* 処理失敗 */
                 });
    })
    .catch(function(error) {
        /* 処理失敗 */
    });

ログイン

// [NCMB] ID / PW でログイン
ncmb.User.login(username, password)
         .then(function(user) {
             /* 処理成功 */
         })
         .catch(function(error) {
             /* 処理失敗 */
         });

メールアドレス/PW 認証

新規登録

// [NCMB] メールアドレスに会員登録を行うためのメールを送信
ncmb.User.requestSignUpEmail(mailAddress)
         .then(function(user){
             /* 処理成功 */
         })
         .catch(function(error){
             /* 処理失敗 */
         });

ログイン

// [NCMB] メールアドレス / PW でログイン
ncmb.User.loginWithMailAddress(mailAddress, password)
         .then(function(user) {
             /* 処理成功 */
         })
         .catch(function(error) {
             /* 処理失敗 */
         });

匿名認証

ログイン

// [NCMB] 匿名 でログイン
ncmb.User.loginAsAnonymous()
         .then(function(user){
             /* 処理成功 */
         })
         .catch(function(error){
             /* 処理失敗 */
         });

ログアウト（共通）

// [NCMB] ログアウト
ncmb.User.logout();

ログイン中の会員情報の取得

// [NCMB] ログイン中の会員情報の取得
currentLoginUser = ncmb.User.getCurrentUser();