Google Mobile Backend Starterの紹介スライド

1. Mobile Backend Starterの紹介
RainbowApps横浜校
イメージピット株式会社
代表 高橋 良輔

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

3. Mobile Backend Starterとは？
モバイルアプリ（Android、iOS）のバックエンド（サーバサイド）と
してGoogle Cloud Platformを手軽に連携するためのサンプルアプリ。
Google'Cloud'PlaBorm
Android
iOS
Mobile'
Backend'
Starter'
Client'Library
Mobile'
Backend'
Starter'
Client'Librarya
Mobile'
Backend'
Starter'
GAE
APN apple'push'
no?fica?on '
DataStore
'

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

5. Mobile Backend Starterの特徴②
モバイルアプリに有効な下記機能を簡単に実装で
きる
・Googleアカウント認証機能
・push通知機能
・メッセンジャー機能

6. Mobile Backend Starterの特徴③
オリジナルアプリにも組み込み可能
サンプルアプリに組み込まれているクライアントライブラ
リをオリジナルアプリにインポートすれば、既に開発した
自身のアプリケーションにもpush通知やGoogleアカウ
ント認証の機能を追加する事が可能
MBSサンプルアプリ
Mobile'
Backend'
Starter'
Client'Library
オリジナルアプリ
Mobile'
Backend'
Starter'
Client'Library
Googleアカウント認証
メッセージング機能
Push通知

7. MBSのここがすごい！
• コーディングなしで気軽にサーバサイドを構築
できる
• push通知、Googleアカウント認証機能がすぐ
使える
• 自動でスケーリングしてくれるので、サービス
へのアクセスが集中しても落ちない。
→ある程度ならGoogleパワーを無料で使える！
→インフラ担当がいらない！

8. それでは実際に
Mobile Backend Starter
のサンプルアプリを
作ってみましょう！

9. Mobile Backend Starterデモ

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

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

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

13. Mobile Backend Starter構築
• Google Cloud Consoleにログインしてアプリ
ケーションを新規作成
• 「Mobile Backend Starter」のリンクをク
リック
• 「Deploy」ボタンをクリック
これだけ！
詳細解説
http://goo.gl/21UC6n

14. 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

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

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

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

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

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