18
Copyright @ NIFTY Corporation All Rights Reserved ニフティ株式会社 ニフティクラウドmobile backend 体験会 – Android版 1

【mBaaS体験会】 Android datastore demo

  • View
    1.214

  • Download
    2

Embed Size (px)

Citation preview

Page 1: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

ニフティ株式会社

ニフティクラウドmobile backend体験会 – Android版

1

Page 2: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

全体

2

登録データー

取得データー

Android アプリにサーバーにデータを

格納する機能を作ります

以下、mBaaS

Page 3: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

資料のDL

資料がここにありますhttps://github.com/NIFTYCloud-mbaas/android_data_demo

ここよりDLしてください

このようなZIPファイルがDLされます

3

Page 4: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

手順

1.mBaaS利用登録

2.mBaaSにてアプリを作成

3.Android Studioでアプリインポート

4.アプリとmBaaSの連携

5.動作確認

4

Page 5: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

mBaaSの利用登録 1/3

無料登録をしていただくと、@nifty会員登録を行うフローに移ります。@nifty会員登録をしていただいた後、mBaaSにログインしていただくとmBaaSの利用登録が行えます。以下上記のフローの説明を行います。

まず、下記URLよりmBaaSのサービスサイトにアクセスしていただきます。http://mb.cloud.nifty.com/ ここをクリック

ここをクリック

IDを持っている場合、不要

5

Page 6: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

mBaaSの利用登録 2/3

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

IDを持っている場合、不要

6

Page 7: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

mBaaSの利用登録 3/3

http://mb.cloud.nifty.com/

ニフティクラウドmobile backendの利用登録を行います。

ご登録いただいた@nifty IDでログイン

利用規約を確認後、同意して

利用開始!

ここをクリック

IDを持っている場合、不要

7

Page 8: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

mBaaSのアプリ作成

利用登録が終わるとアプリの新規作成画面が表示されます。アプリ名を入力して新規作成してください。

mBaaSはアプリケーションキーとクライアントキーという2つの鍵を使い、サーバー接続の認証を行っています. その2つの鍵がアプリ作成時に生成されます

「quickandroid」と入力してください

2つのキーは後で使います

OKをクリックすると管理画面が表示されます。

そのままにしておいてください!

8

Page 9: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

Android Studioでアプリインポート

Android Studioを開き、ダウンロードしたプロジェクトを選択し、起動します。

9

Page 10: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

Monacaの開発環境の確認

10

プロジェクトのファイル構成

Android SDK NCMB.jarがapp/libsに入っていま

mBaaSのSDKは下記URLからダウンロードできます。今回は必要ないですが、ご自分でアプリを開発される場合はご利用ください。

http://mb.cloud.nifty.com/doc/current/introduction/quickstart_android.html

app/build.gradleとAndroidManifestの設

定済み

Page 11: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

アプリとmBaaSの連携

MainActivity.javaのonCreateに注目します

11

Page 12: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

MonacaとmBaaSの連携

12

アプリケーションキー・クライアントキーをそれぞれコピペしてください

「OK」を押した方へコンパネでここを押してください

ここでアプリケーションキー・ク

ライアントキーが見られます

Page 13: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

動作確認

13

データがmBaaSで確認できれば成功!

『StartDemo』ボタンをタップします

Page 14: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

コード説明

アプリケーションキー、クライアントキーを渡し、初期化

14

Page 15: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved

コード説明

15

TestClassクラスデータ登録ためにTestClass変数を宣言

messageというフィルドにデータ“Hello, NCMB!” を設定

保存を非同期行います!errorが発生状況によって

保存後処理を設定

コードの解説Sの連携

Page 16: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved 16

http://mb.cloud.nifty.com/doc/

最後に

Page 17: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved 17

https://github.com/NIFTYCloud-mbaas/UserCommunity

質問、作ったアプリの共有TIPSなどありましたらぜひ、ご活用ください!

Page 18: 【mBaaS体験会】 Android datastore demo

Copyright @ NIFTY Corporation All Rights Reserved 18