Cocos Creator で ニフクラ Mobile backendを使う「会員機能:サインアップ編」

ニフクラMobile backend はちょっとした会員機能(ログイン機能)を作るときに非常に重宝します。他の処理と合計して月間100万リクエストまで無料なのでテストアプリ等で使う分には超えることはまずないと思います。

今回はCocos Creator 2.4.1 でサインアップ(新規登録)をする処理を実装してみましょう。

1.NCMBサイトからライブラリを取得する
2.取得したライブラリ(ncmb.min.js)をCocos Creator にデプロイする
3.デプロイした ncmb.min.js のPropertiesペインで Import As Plugin にチェックする(これで他jsでインポート等の処理を記載せずクラスを扱えます)
4.新規登録シーンのスクリプトに以下を記述する

// 接続インスタンスの生成
var appKey    = "YOUR_APPKEY";
var clientKey = "YOUR_CLIENTKEY";
var ncmb = new NCMB(appKey, clientKey);

// userインスタンスの生成
var user = new ncmb.User();

// ユーザー名・パスワードを設定
user.set("userName", "Yamada Tarou") /* ユーザー名 */
   .set("password", "password") /* パスワード */
   .set("phone_number", "090-1234-5678"); /* 任意フィールドも追加可能 */

// ユーザーの新規登録処理
user.signUpByAccount()
   .then(function(){
     // 登録後処理
   })
   .catch(function(err){
     // エラー処理
   });

以上です。たった4ステップで非常に簡単です。もちろん事前にニフクラMobile backendの登録は必要で、アプリケーションKeyとクライアントKeyをそれぞれYOUR_APPKEYとYOUR_CLIENTKEYにセットします。

Cocos Creator エディタやスクリプトへの実際の記述例に関しては画面キャプチャ付きで後々に追記します。




この記事が気に入ったらサポートをしてみませんか?