ニフクラmBaaSお役立ちブログ

スマホアプリ開発にニフクラmBaaS。アプリ開発に役立つ情報をおとどけ!

【Android】mBaaSで写真をクラウドに保存しよう!

こんにちは!新入社員の平出です!

皆さん、Androidアプリ開発してますか!?ソーシャルアプリにとって、スマホから撮った写真を アップできるのは今や常識ですよね。しかし、サーバー周りの知識が必要になって実装が大変そうだなと思ってい ないでしょうか?そうした、メンドクサさを省いてくれるサービスがあるんです!それがニフティクラウドmobile backendというクラウドサービスです。今回はニフティクラウドmobile backendを使ってAndroidアプリで写真をクラウドに保存するサンプルアプリを作りました。こちらを用いて、チュートリアル形式で写真の保存が体験できます!ぜひ、試してみてください!

ニフティクラウドmobile backendとは?

about_mBaaS ニフティクラウドmobile backendとは、mBaaS(mobile backend as a Service)と呼ばれるクラウドサービスで、スマートフォンアプリでよく利用される汎用的な機能をクラウドから提供するサービスです。

クラウド上に用意された機能をAPIで呼び出すだけで利用できるので、サーバー開発・運用不要でよりリッチなバックエンド機能をアプリに実装することができます。 ここからはニフティクラウドmobile backendではなくmBaaSと呼ばせていただきます。Android SDKも用意しており、Androidからも簡単に利用できます。

今回の概要

OverView

mBaaSの『ファイルストア機能』を利用して、「撮った写真をクラウドに保存する」内容をチュートリアル形式で実装していきたいと思います!

今回は以下3つの手順で進めて行きます。

  1. mBaaSでAPIキー取得
  2. サンプルプロジェクトにAPIキーを設定
  3. 動作確認

尚、動作確認は以下の環境で行っています。

  • Windows 7 Professional
  • Android Studio 1.5
  • Android ver 4x,5x
    • このサンプルアプリは、端末のカメラを使用するため、実機が必要です

それでは、早速始めましょう!

1.mBaaSでAPIキー取得

まずはmBaaSの会員登録(無料)します。登録が完了してログインをすると、下図のように「アプリの新規作成」画面が出るのでアプリを作成します。

swift_file_api

アプリを作成すると下図のような画面になります。この2種類のAPIキー(アプリケーションキーとクライアントキー)はAndroidStudioで作成するAndroidアプリにmBaaSを紐付けるために使用します。

swift_facebook_api3

動作確認後に写真(画像)が保存される場所も確認しておきましょう。

swift_file_api2

2.サンプルプロジェクトにAPIキーを設定

GitHubにアクセスしてサンプルプロジェクトをダウンロードしましょう。buttonボタンをクリックして、さらにbuttonボタンをクリックしてダウンロードします。ダウンロードが完了したら、プロジェクトを解凍しておきましょう。

そうしたら、AndroidStudioを開き、解凍したプロジェクトを選択します。 Android_file_api プロジェクトから

MainActivity.java

を選択します。

Android_file_api2

先ほどmBaaSのダッシュボード上で確認したAPIキーを貼り付けます。

swift_facebook_api2

それぞれ「YOUR_NCMB_APPLICATION_KEY」と「YOUR_NCMB_CLIENT_KEY」の部分を書き換えます。この時、ダブルクォーテーション(")を消さないように注意してください!書き換えたらファイルを保存しておきましょう。

3.動作確認

いよいよ動作確認ですね!

アプリが起動したら、①「カメラ」ボタンをタップして、写真を撮影します。次に、②「mobile backendに保存」ボタンをタップします。

Android_file_check

保存された画像が起動画面に表示されます。成功したら、mBaaSのダッシュボードから「ファイルストア」を確認してみましょう!

swift_file_check2

動作確認は以上となります!!

ログイン機能もお手の物

写真保存の実装はいかがだったでしょうか?mBaaSを使えば簡単に設定できることが分かっていただけたと思います!また、mBaaSではソーシャルアプリには欠かせないログイン機能も提供しております!是非そちらの記事もお読みください!最後までお読みいただきありがとうございました!

sample&tutrial