ニフティクラウドmobile backendを試してみる(1)

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

を写経してみたいと思う。
(途中で写経するものを変更したので、以下は、やや遠回りとなっている。)

(環境)
Windows8.1
NCMB(ニフティクラウドmobile backend)
monaca

(1)NCMBに登録、ログイン

もともとniftyのIDは持っていたので、ログイン

image

image

image image

(2)ついでに、Monacaというものにも登録してみる

imageimage

image

(3)Import Project

image

dataDemo
https://github.com/ncmbadmin/monaca_data_registration/archive/master.zip

image

image

「開く」をクリック

image

おお!これはよさそう。レスポンスはどんな感じだろうか?
(cloud9無料枠はしょっちゅうプチフリーズするので)

(4)mobile backendでアプリ作成

image

image

このアプリケーションキーと、クライアントキーを、monacaの、index.htmlの、

image

のところにコピペ。「保存」ボタンをクリック。

(5)試してみる

image

image

がっくし、、、なぜなのー?

まさかとは思ったが、アプリケーションキーとクライアントキーが逆であった。
(mobile backendはアプリケーションキーの方が上に記載されているが、monacaのindex.htmlは、clientKeyの方が上に記載されていた。私の不注意ではあるが、私のようなど素人には最初の関門か、、、キリッ と思っていたら、その後もエラー。。。)

image

なんか、ブラウザはFirefoxでやっていたのだが、Chromeで上記をやりなおしたら、

image

と表示が出て、うまくいったよう。

bobile backend の、「データストア」をクリックして、さらに、TextClassをクリックすると、ちゃんと、mobilebakendのデータストアに登録されたよう。感動!

image

(6)Androidアプリのビルド

monacaの画面で、「ビルド」をクリックして、Androidデバッグビルド

数分間時間がかかる。

image

image

自分の携帯電話(arrows M03)のカメラを起動してQRコードを読み取り、アプリをインストールして、起動。 Start Demoボタンをクリック。

大丈夫そうなAlert画面が出てくる。

mobile backendのデータストアで確認。

image

ちゃんとデータ通信されて、NCMBにデータが保存されている!すごい!

簡単さにびっくりした。

この1年間で、

無料でRailsのサーバを提供してくれるHeroku

無料でAndroidアプリのサーバを提供してくれるNifty Cloud Mobile backend

これはびっくりした。とてもありがたい。いつまで無料枠があるのかな、、、

(参考)

http://mb.cloud.nifty.com/monaca_mbaas/?utm_source=console&utm_medium=referral&utm_campaign=con_addApp

Monacaとmobile backendで簡単モバイルアプリ開発
Published on Nov 15, 2014
http://www.slideshare.net/UkiOk4w4/monacamobile-backend

関連記事
Count per Day
    Popular Posts
    スポンサーリンク

    シェアする

    • このエントリーをはてなブックマークに追加

    フォローする