【MA＿AIZU】mbaas体験会＿monaca

Copyright © NIFTY Corporation All Rights Reserved. Confidential
3分間
クラウド
体験会

こんなことやりますっ！
登録データー
取得データー
Monacaで作るアプリに
サーバーにデータを
格納する機能を作ります
以下、mBaaS

資料のDL
資料がにあります
https://github.com/ncmbadmin/monaca_data_registration
ここよりDLしてください
DLすると
こんなZiPがあります

手順
１．mBaaS利用登録
２．mBaaSにてアプリを作成
３. monaca利用登録
４．monacaとmBaaSの連携
５．動作確認
3

mBaaSの利用登録 1/3
無料登録をしていただくと、
@nifty会員登録を行うフローに移ります。
@nifty会員登録をしていただいた後、
mBaaSにログインしていただくと
mBaaSの利用登録が行えます。以下上記
のフローの説明を行います。
まず、下記URLよりmBaaSのサービスサイトにアクセスしていただきます。
http://mb.cloud.nifty.com/
ここをクリック

必要事項を入力して
@nifty会員登録してください

http://mb.cloud.nifty.com/
ニフティクラウドmobile backendの利用登録を行います。
利用規約を
確認後、同意して
利用開始！
ご登録いただいた
@nifty IDで
ログイン

mBaaSのアプリ作成
利用登録が終わると
アプリの新規作成画面が表示されます。
アプリ名を入力して新規作成してください。
mBaaSはアプリケーションキー
クライアントキー2つのキーを使いサーバー
接続の認証を行っています
その２つのキーがアプリ作成時に生成されます
「ma_aizu」
と入力してください
２つのキーは
後で使います
OKをクリックすると
管理画面が表示されます

monacaの利用登録
サインアップ
https://ja.monaca.io/左記URLよりMonacaのサービスサイトにアクセス
必要事項を記入して
登録してください
Monacaが
使えるよう
になります
※登録メールアドレス宛に確認メールが
届いているので本登録を行ってください

アプリサンプルのインポート 1/2
「開発をスタート」
をクリック
「Import Project」
をクリック

アプリサンプルのインポート 2/2
「ma_aizu」と入力
DLした資料の
「monaca_data_registration-master.zip」
を選択する
インポートした
プロジェクトを開く

monacaの開発環境の確認
11
アプリの
ファイル構成
エディタ
http://mb.cloud.nifty.com/doc/current/introduction/sdkdownload_javascript.html#/JavaScript/
mBaaSのSDK
が入っています
mBaaSのSDKは以下のURLからDLできます、
今回は必要ないですが、ご自分でアプリを
開発される場合はご利用ください
次はここに注目

monacaとmBaaSの連携
12
アプリケーションキー・クライアントキー
をそれぞれコピペしてください
「OK」を押した方へ
コンパネでここを
押してください
ここで
アプリケーションキー・クライアントキー
見れます

コード説明
13
初期化を行う
TestClassクラスデーター登録ために
TestClass変数を宣言
messageというフィルドに
“Hello, NCMB!”データーを設定
保存を非同期行います！
success, errorに保存後処理を設定

動作確認
14
データがmBaaSで確認できれば成功！

おまけ
monacaでのPUSH通知配信の
解説ドキュメントもあります。
ぜひご活用ください
http://www.slideshare.net/mobilebacke
nd/monacambaas?related=1
15

【MA＿AIZU】mbaas体験会＿monaca

More Related Content

Similar to 【MA＿AIZU】mbaas体験会＿monaca

【MA＿AIZU】mbaas体験会＿monaca