Mobile backend starterを使ってスマホアプリのバックエンドを構築する

Mobile Backend Starterの紹介

RainbowApps横浜校 イメージピット株式会社

代表 高橋 良輔

資料について

MacやPCやスマートフォン、タブレットをお持ちの方はこちらから資料を確認できます。 http://school.rainbowapps.com/yokohama/gae201312

Mobile Backend Starterとは？ モバイルアプリ（Android、iOS）のバックエンド（サーバサイド）としてGoogle Cloud Platformを手軽に連携するためのサンプルアプリ。

Mobile'Backend'Starter'

Client'Librarya�

iOS�

Android�Mobile'Backend'Starter'

Client'Library� Mobile'Backend'Starter'GAE��������'

DataStore�

APNapple'push'no?fica?on�'

Google'Cloud'PlaBorm�

Mobile Backend Starterの特徴①

（ほぼ）コーディングなしでバックエンドの仕組みを構築可能 Google Cloud Consoleからとっても簡単にバックエンドを構築できます。 ・約5～10分でバックエンドは構築可能 ・プログラミングは全くなし（設定のみ） ・Android、iOSに対応

Mobile Backend Starterの特徴②

モバイルアプリに有効な下記機能を簡単に実装できる

・Googleアカウント認証機能 ・push通知機能 ・メッセンジャー機能

Mobile Backend Starterの特徴③

オリジナルアプリにも組み込み可能

サンプルアプリに組み込まれているクライアントライブラリをオリジナルアプリにインポートすれば、既に開発した自身のアプリケーションにもpush通知やGoogleアカウント認証の機能を追加する事が可能

オリジナルアプリ Mobile'Backend'Starter'

Client'Library�

MBSサンプルアプリ

Mobile'Backend'Starter'

Client'Library�

Googleアカウント認証 メッセージング機能 Push通知

MBSのここがすごい！

•  コーディングなしで気軽にサーバサイドを構築できる

•  push通知、Googleアカウント認証機能がすぐ使える

•  自動でスケーリングしてくれるので、サービスへのアクセスが集中しても落ちない。

　→ある程度ならGoogleパワーを無料で使える！ 　→インフラ担当がいらない！

それでは実際に Mobile Backend Starter

のサンプルアプリを 作ってみましょう！

Mobile Backend Starterデモ

資料について

MacやPCやスマートフォン、タブレットをお持ちの方はこちらから資料を確認できます。 http://goo.gl/SvEdbq

はじめに Mobile Backend Starterを構築して サンプルのAndroid、iOSアプリを作っていきます。

必要な環境

下記の環境を構築する必要があります。 ・eclipse+ADTインストール ・Googleプラグインインストール ・Xcodeインストール（iOSアプリ） ・iOS Developer Programu（iOSアプリ） 詳細解説 http://goo.gl/91SvPn

Mobile Backend Starter構築

•  Google Cloud Consoleにログインしてアプリケーションを新規作成

•  「Mobile Backend Starter」のリンクをクリック

•  「Deploy」ボタンをクリック これだけ！ 詳細解説 http://goo.gl/21UC6n

Androidサンプルアプリ作成 １．開発環境（eclipse）構築 　・必要なプラグインインストール 　・Google play serviseライブラリインポート ２．GCM（Google Cloud Messeging）利用設定 　・GCM API解放 　・API KEY取得 　・MBSに設定 ３．Googleアカウント認証設定 　・WebクライアントID生成・MBSに設定 　・AndroidクライアントID生成・MBSに設定 詳細解説 http://goo.gl/2Ao4ln

iOSサンプルアプリ作成 １．iOS push通知用の証明書・AppID・ 　　プロビジョニングプロファイル作成 　　・push通知の証明書をMBSに設定 ２．iOS用のクライアントIDを生成 　　・MBSに設定 ３．Billing設定 　　・クレジットカード情報登録 　※個人的にテストで利用する範囲なら無料で利用可能 詳細解説 http://goo.gl/ygri9X

MBSカスタマイズ方法 （Android）

１．サンプルアプリをライブラリ化して呼び出す すみません。詳細は次回、という事で。 あんざいゆきさんがそれについてのスライドを公開しておりますので 参考にしてください。 詳細解説 http://www.slideshare.net/yanzm/ajn

MBSカスタマイズ方法 （iOS）

１．オリジナルアプリのAppID、 　　プロビジョニングプロファイルをpush通知対応させる ２．サンプルアプリからMBS関連のクラスファイル群をオリジナルアプリにインポート、フレームワークも追加 　→gtlフォルダのファイルはARC非対応にする ３．利用したいViewControllerのヘッダファイルに 　　CloudEntityActionDelegate, 　　CloudControllerDelegateを 　　プロトコル追加してデリゲートメソッドを呼び出す

MBSカスタマイズ方法 （GAEサーバサイド）

１．GitHubにてソースコードが公開されているのでDL http://goo.gl/FgKRl 2．Eclipseにインポート ３．必要なライブラリをプロジェクトに追加 ４．Srcフォルダのjavaファイルをカスタマイズ ★DTOクラスやEndpointについては前回のセミナー資料で解説しています。 http://goo.gl/OkeCzM

ありがとうございました ＜ご案内＞ RainbowApps講座情報 http://school.rainbowapps.com/yokohama イメージピット株式会社 http://www.image-pit.com/ →アプリ開発、Webサイト制作、サーバサイド開発承ります。 フリーランス人材紹介しています。 http://www.smaagent.com/ ＜お問合せ＞ [email protected]