Azure Mobile ServicesとAzure Mobile Apps

Azure Mobile Services
と
Azure Mobile Apps
- JAZUG福島 -
2015/4/4
Masaki YAMAMOTO
@nnasaki

自己紹介
2
Masaki YAMAMOTO
Twitter:@nnasaki
Microsoft MVP
for Microsoft Azure

4
無職と紹介される
https://jazug.doorkeeper.jp/events/20654

5
不発のエイプリルフール
http://satoyasendai.com/

今日の予定
6
モバイルサービスを使ってみる
モバイルサービスとは
チャットアプリ開発
プッシュ送信
ユーザーの動向を知りたい
Mobile Engagement
モバイルサービスの今後
Mobile App となにが違うの？

必要なもの
• Azure サブスクリプション
• Android Studio
– NOT Eclipse
• Genymotion
– 付属のエミュレーターは遅いのでオススメできません！
– 実機で行うのが一番良い
– Push通知が受け取れなかったりするので注意

モバイルサービスとは
8
プッシュ通知
数分以内に数百万台
タグ付け（合計1億件以上）
マルチプラットフォームSDK
iOS、Android、Windows、HTML5
認証連携
Facebook、Twitter、Google、Active Directory
バックエンド
C#、 NodeJS
http://azure.microsoft.com/ja-jp/services/mobile-
services/

DEMO
ポータルからアプリを即実行
9

モバイルサービスの仕組み
10

http://channel9.msdn.com/Events/de-code/2014/SV-007

http://channel9.msdn.com/Events/de-code/2014/SV-007
今日使うところ

今日の予定
13
プッシュ送信

チャットアプリの開発
14

登場人物達
デベロッパー（私）
デベロッパー
ユーザー
ユーザー

グループで会話するとき

デベロッパー
ユーザー
ユーザー

＿人人人人人人人人人人人人＿
＞今時まさかのメール！＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

デベロッパー
ユーザー
ユーザー
@docomo.ne.jp
@gmail.com
×

＿人人人人人人人人人人人人＿
＞迷惑メールブロック！＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

デベロッパー
ユーザー
ユーザー
@docomo.ne.jp
@gmail.com
×
今時ありえん。
設定変えて

デベロッパー
ユーザー
ユーザー
@docomo.ne.jp
@gmail.com
×
え？なにそれ
わからんわ

デベロッパー
ユーザー
ユーザー
@docomo.ne.jp
@gmail.com
×
Facebook とか Line に
しよう

デベロッパー
ユーザー
ユーザー
@docomo.ne.jp
@gmail.com
×
すまんが、娑婆に出られ
ないのでSNSはちょっと
…

デベロッパー
ユーザー
ユーザー
@docomo.ne.jp
@gmail.com
×
アプリ作るか…

とまぁ、こんな軽いノリで始めた。

Githubにプロジェクト登録
• git追加
• .gitignore更新
• githubへプッシュ
• https://github.com/nnasaki/shimaazu

レイアウト変更
• チェックボックス消す
• 発言を下に持ってくる
– listViewToDo layout:weight 1

Doneで入力できるように
• 改行を禁止にする
– android:autoText="false"
– android:inputType="text”
• ボタンイベントを追加する
– setOnEditorActionListenerを追加
– EditorInfo.IME_ACTION_DONE で判定

最新のチャットを確認したい
• スクロールを常に下になるように
– android:stackFromBottom="true”
– android:transcriptMode="alwaysScroll"

名前入力欄の追加
• 画面上部に名前入力欄のラベルとテキストボックスを追
加する
– ActivityにmTextNewToDoと同様に追加
– ItemにmTextと同様に追加

時間を表示したい
• Mobile Services がデフォルトで持っている、
__createdAt を利用する
– row_list_to_do.xml に LinearLayoutを追加
– 発言者と日付を用意する
– ToDoItemに__createdAtのDateを追加
– ToDoItemAdapter にgetViewで情報取得を追加

こんな感じになりましたね？

サーバースクリプト修正なし
• 名前のカラムを追加したのに何故？

サーバースクリプト修正なし
• 名前のカラムを追加したのに何故？
動的スキーマ

これで解決したかと思いきや…

＿人人人人人人人人人＿
＞結局届かない！＜
￣Y^Y^Y^Y^Y^Y^Y^Y￣
×

プッシュ通知
• 基本チュートリアルをなぞっていきますが日本語訳が
Android Studioに対応していないので古い
• 英語と日本語の両方を見ていきます
– http://azure.microsoft.com/ja-
jp/documentation/articles/mobile-services-javascript-
backend-android-get-started-push/
– http://azure.microsoft.com/en-
us/documentation/articles/mobile-services-javascript-
backend-android-get-started-push/

プッシュ通知
• Genymotionの場合受け取れない。
– 細工をすれば可能
– http://forum.xda-
developers.com/showthread.php?t=2528952
• ARM Translation Installer v1.1
• Google Apps for Android をOSのバージョンに合わせて
入れる

Google Cloud Messaging を有効にする
• Google Cloud Console Web でプロジェクト作成
– https://console.developers.google.com/project
• Google Cloud Messaging for Androidを有効にする
• APIキーを発行する

Mobile Services にAPIキーを入力する
• APIキーをGCMに設定する

アプリケーションにプッシュ通知を追加す
る
• ここらへんから日本語が古い
• Android SDKからダウンロード
– Google APIs
– Google Play services
• ビルドのバージョンを合わせる。二つのファイルを合わ
せること
– gradle.build
– AndroidManifest.xml

る
• コードを修正する
– uses-permissionを追加
• アプリ名を合わせる
– receiver 登録
• アプリ名を合わせる
– build.gradle に play services-baseを追加
– Activity に SENDER_IDをプロジェクト番号で追加
– MobileServiceClientをstaticにする

る
• MyHandlerを追加
• サーバーのInsertを修正

今日の予定
50

ユーザーの使用状況を把握できる
• リアルタイムに使用状況がわかる
• ユーザー数など統計がとれる

キャンペーンが打てる
• 広告やキャンペーンの通知をプッシュ配信できる
• 結果を確認できる

その他
• クラッシュやエラー解析
• まだ出たばかりでよくわからない
• プレビュー申込が必要
• とにかくスゴイ安いので使ってみてください

Getting Started
• とりあえずポータルで作成
• チュートリアルをやってみる
– http://azure.microsoft.com/ja-jp/documentation/articles/mobile-
engagement-android-get-started/
– 長いので Connecting your app to the Mobile Engagement backend
の部分だけ

アプリを配布する
• DeployGateを使用する
• Google Play ではなくても配布可能
• 自己署名のアプリなので設定の変更が必要

アプリ配布方法
• Android Studio で Generate Signed APK で APK 作成
• できあがったAPKをDeployGateにドラッグアンドドロッ
プ

アプリインストール方法
• 共有リンクを作成する
• DeployGateをインストールする
• 自作したapkをインストールする

適当に文字をうっててください。
目標はみんなで100行!!

サーバースクリプトの修正
function read(query, user, request) {
// query.take(1000);
// request.execute();
var countSql = "SELECT COUNT(Id) count FROM TodoItem";
mssql.query(countSql, {
success: function(results) {
var skipCount = results[0].count - 50
query.orderBy('__createdAt').skip(skipCount).take(50);
request.execute();
}
});
}

今日の予定
61

モバイルサービスの今後
62

Mobile Appとは
• モバイルサービスの新バージョン
• アプリサービスの一つ
• 他のアプリサービスとの連携が簡単
• 移行途中なのでモバイルサービスであった機能が無い
– QuickStart の Android版
– JavaScript バックエンド
• 料金体系が異なる

モバイルサービスなくなっちゃうの？
• 今後も継続してサポートすることが宣言されている
– http://azure.microsoft.com/en-
us/documentation/articles/app-service-changes-existing-
services/
64

すぐに移行すべき？
• .NET バックエンドを使っている人は移行が簡単なので、
可能であれば移行した方が良い
– ただし、料金には気をつけて！
• JavaScript バックエンドの人はまだ対応されていないの
で様子見
65
中の人が
鋭意対応中

66
料金、お高いんでしょ？

67
無料から使えます
http://azure.microsoft.com/ja-jp/pricing/details/mobile-services/

Mobile Services
Notification Hubs
Mobile Services Notification Hubs
Windows ストア
iOS
Android
Xamarin
PhoneGap
Sencha
Windows Phone
iOS
Android
HTML 5/JS
クライアント
送信データ転送(Outbound data transfer) 料金について
• Mobile Services、Notification Hubsはサービス料金に含まれる
• 言い換えれば、http://azure.microsoft.com/ja-
jp/pricing/details/data-transfers/ の料金は別途かからない
Included
Included
Includedincluded(*1)
*1) 同じリージョン内であれば、そもそも無料

モバイルサービスの使用条件について
• 例えば、Standardレベルで500GBを超えてしまった場合、サービ
スは即使用出来なくなる
• 送信データが超えそうになったらユニット数を上げれば良い

Global Azure BOOTCAMP 2015
• 日時 4/25(土)
• 場所：東京（gloopsさん）
• 学生向け
– https://jazug.doorkeeper.jp/events/22795
• 一般向け
– https://jazug.doorkeeper.jp/events/22782
72

ご清聴ありがとうございました
73

Azure Mobile ServicesとAzure Mobile Apps

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Ähnlich wie Azure Mobile ServicesとAzure Mobile Apps

Ähnlich wie Azure Mobile ServicesとAzure Mobile Apps (20)

Mehr von Masaki Yamamoto

Mehr von Masaki Yamamoto (14)