- Monacaを利用して、ニフティクラウドmobile backendへデータ登録を行うサンプルアプリです
- 「Start Demo」ボタンをタップするとクラウドにデータが上がります★
- 簡単な操作ですぐに ニフティクラウドmobile backendを体験いただけます
スマートフォンアプリのバックエンド機能（プッシュ通知・データストア・会員管理・ファイルストア・SNS連携・位置情報検索・スクリプト）が開発不要、しかも基本無料(注1)で使えるクラウドサービス！今回はデータストアを体験します
注1：詳しくはこちらをご覧ください
iOS
- Mac OS X 10.11.6(El Capitan)
- iPhone5 iOS 9.3.5
- iPhone6s iOS 10.0.1
Android
- Nexus 5X Androidバージョン 7.0
※上記内容で動作確認をしています。
1. ニフティクラウドmobile backendの会員登録とログイン→アプリ作成
- 上記リンクから会員登録（無料）をします。登録ができたらログインをすると下図のように「アプリの新規作成」画面が出るのでアプリを作成します
- アプリ作成されると下図のような画面になります
- この２種類のAPIキー（アプリケーションキーとクライアントキー）はXcodeで作成するiOSアプリにニフティクラウドmobile backendを紐付けるために使用します
- この後動作確認でデータが保存される場所も確認しておきましょう
- Monacaにログインします
- 左上の「Import Project」をクリックします
- 「プロジェクト名」を入力します 例）「DBDEMO」
- 「インポート方法」の「URLを指定してインポート」をチェックし、下記リンクを右クリックでコピーし、貼り付けます
- プロジェクト：monaca_data_registration
- 「インポート」をクリックするとインポートされたプロジェクトが作成されます
- 作成されたプロジェクトを「開く」をクリックして開きます
- プロジェクトが開き、プレビュー画面が表示されます
- プレビュー画面あるいはMonacaデバッガーで遊んでみましょう！
※ 動作確認は、プレビュー画面・Monacaデバッガーいずれも__iPhone6__以上の使用を推奨します
- プロジェクトが開いたら、index.htmlを編集します
- 先程ニフティクラウドmobile backendのダッシュボード上で確認したAPIキーを貼り付けます
- それぞれ
YOUR_NCMB_APPLICATION_KEYとYOUR_NCMB_CLIENT_KEYの部分を書き換えます - このとき、ダブルクォーテーション（
"）を消さないように注意してください！ - 書き換え終わったら保存ボタンで保存します
- スマートフォン端末でMonacaデバッガーを立ち上げてログインします。
- 最初に設定した、アプリ名（例：DBDEMO）を選択してアプリを起動させてください。
-
起動したら「Start Demo」ボタンをタップします
-
動作結果が画面に表示されます
-
保存に成功した場合：「
New object created with objectId: ******」 -
保存に失敗した場合：「
Failed to create new object, with error code: ******」 -
objectIdはデータを保存したときに自動で割り振られるIDです
-
エラーが発生した場合は、こちらよりエラー内容を確認いただけます
-
保存に成功したら、ニフティクラウドmobile backendのダッシュボードから「データストア」を確認してみましょう！
-
TestClassという保存用クラスが作成され、その中にデータが確認できます
サンプルプロジェクトに実装済みの内容のご紹介
- SDKの詳しい導入方法は、mBaaS のドキュメント（クイックスタート）をご用意していますので、ご活用ください
index.htmlにデザインとロジックの両方を書いていますtestClassオブジェクトに対してkey, value形式で値をセット（set(key, value)）し、save()メソッドを実行すると、非同期にてデータが保存されます
var appKey = "YOUR_NCMB_APPLICATION_KEY";
var clientKey = "YOUR_NCMB_CLIENT_KEY";
var ncmb = new NCMB(appKey, clientKey);
function startDemo() {
var TestClass = ncmb.DataStore("TestClass");
var testClass = new TestClass();
var key = "message";
var value = "Hello, NCMB!";
testClass.set(key, value);
testClass.save()
.then(function() {
// 保存完了後に実行される
alert("New object created with objectId: " + testClass.objectId);
})
.catch(function(error) {
// エラー時に実行される
alert("Failed to create new object, with error code: " + error.text);
});
}SDKが最新になっていない場合は、以下画像をご参考いただき、ご自身でSDKを更新してください
- mBaaS(monaca)のドキュメント
- 同じ内容の【iOS・Android】版もご用意しています
- [Objective-C]https://github.com/NIFTYCloud-mbaas/iOS-Objective-C_DB_DEMO
- [Swift]https://github.com/NIFTYCloud-mbaas/iOS-Swift_DB_DEMO
- [Android]https://github.com/NIFTYCloud-mbaas/android_data_demo