View
617
Download
2
Category
Preview:
DESCRIPTION
Google Mobile Backend Starterの紹介スライド
Citation preview
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サンプルアプリ作成 1.開発環境(eclipse)構築 ・必要なプラグインインストール ・Google play serviseライブラリインポート 2.GCM(Google Cloud Messeging)利用設定 ・GCM API解放 ・API KEY取得 ・MBSに設定 3.Googleアカウント認証設定 ・WebクライアントID生成・MBSに設定 ・AndroidクライアントID生成・MBSに設定 詳細解説 http://goo.gl/2Ao4ln
iOSサンプルアプリ作成 1.iOS push通知用の証明書・AppID・ プロビジョニングプロファイル作成 ・push通知の証明書をMBSに設定 2.iOS用のクライアントIDを生成 ・MBSに設定 3.Billing設定 ・クレジットカード情報登録 ※個人的にテストで利用する範囲なら無料で利用可能 詳細解説 http://goo.gl/ygri9X
MBSカスタマイズ方法 (Android)
1.サンプルアプリをライブラリ化して呼び出す すみません。詳細は次回、という事で。 あんざいゆきさんがそれについてのスライドを公開しておりますので 参考にしてください。 詳細解説 http://www.slideshare.net/yanzm/ajn
MBSカスタマイズ方法 (iOS)
1.オリジナルアプリのAppID、 プロビジョニングプロファイルをpush通知対応させる 2.サンプルアプリからMBS関連のクラスファイル群をオリジナルアプリにインポート、フレームワークも追加 →gtlフォルダのファイルはARC非対応にする 3.利用したいViewControllerのヘッダファイルに CloudEntityActionDelegate, CloudControllerDelegateを プロトコル追加してデリゲートメソッドを呼び出す
MBSカスタマイズ方法 (GAEサーバサイド)
1.GitHubにてソースコードが公開されているのでDL http://goo.gl/FgKRl 2.Eclipseにインポート 3.必要なライブラリをプロジェクトに追加 4.Srcフォルダのjavaファイルをカスタマイズ ★DTOクラスやEndpointについては前回のセミナー資料で解説しています。 http://goo.gl/OkeCzM
ありがとうございました <ご案内> RainbowApps講座情報 http://school.rainbowapps.com/yokohama イメージピット株式会社 http://www.image-pit.com/ →アプリ開発、Webサイト制作、サーバサイド開発承ります。 フリーランス人材紹介しています。 http://www.smaagent.com/ <お問合せ> r-takahashi@image-pit.com
Recommended