スポンサーリンク

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

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

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

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

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

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

 

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

 

(3)Import Project

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

「開く」をクリック

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

(4)mobile backendでアプリ作成

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

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

(5)試してみる

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

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

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

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

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

 

(6)Androidアプリのビルド

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

数分間時間がかかる。

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

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

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

ちゃんとデータ通信されて、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

android

Posted by twosquirrel