ブログ

HOME
ブログ
プログラミング
通信内容が丸見え！スゴすぎるAndroid Studio 3.0 のネットワークプロファイラ！

10月 19, 2017 / 最終更新日 : 10月 20, 2017 りゅーたプログラミング

通信内容が丸見え！スゴすぎるAndroid Studio 3.0 のネットワークプロファイラ！

Android Studio 3.0 ではプロファイル機能が強化されます。実際にネットワークプロファイラを使ってみたところ、通信内容や応答時間をAndroid Studio上で確認ができ、デバッグなどで大いに役立ちそうな感じ。

使い方と感想などをレポートします。

なお、Android Studio 3.0 は 10/19現在で RC1 までリリースされてるみたいです。正式リリースが待ち遠しいですね。

Android Studio Release Updates

Android Studio 3.0 RC 1 now available

https://androidstudio.googleblog.com/2017/10/android-studio-30-rc-1-now-available.html

Android Studio 3.0 RC 1 is now available in the Canary, Dev and Beta channels. Note: This release does not include patches. So, you must ...

確認環境

macOS Sierra 10.12.6
Android Studio 3.0 Beta7

実験アプリ

Kotlinで簡単な通信をするアプリを作ってみました。

ボタンをタップすると、

A3RT の API を実行して結果を TextView にセット
Picasso で画像をダウンロードして表示

の 2点を行うだけのアプリです。

A3RTは良くあるHTTP/1.1 形式の WebAPI と思ってください。詳細は別記事に書いてますので、ご興味ある方はどうぞ。

田舎からGeekを目指す

LINE Bot で雑談 Bot 作ってみた

https://ryuta46.com/204

LINE Bot が楽しそうだったので触って見ました。せっかくなので何かしら雑談エンジン的なものと連携させて雑談 Bot にしてみました。環境macOS Sierra 10.12.3Python 3.6.1 (サーバ上の Python はバージョン 3.5.1 )全体構成今回作るモノ。登場人物が多いので図示し...

今回のサンプルのソースはgithubにありますのでよかったら参照ください。

ネットワークプロファイラを使ってみる

上記アプリを動かしつつネットワークプロファイラを使ってみます。

まず Android Studio 3 の Run -> Edit Configurations… の Profiling タブにある「Enable advanced profiling」にチェックを入れます。

ここの注意書きにもあるように、この機能を有効にするとパフォーマンスが若干落ちるそうですが、使っていて特に遅く感じることはありませんでした。

もっと規模の大きいアプリなら影響が出るのかも。

Enable advanced profiling にチェック後、アプリを起動し、「Android Profiler」のタブをクリックすると、CPU、MEMORY、NETWORK がプロファイリングされているのがわかります。

上の画像で、NETWORK の部分を２回ほどクリックすると、NEWORK の情報だけが大きく表示される状態になります。

この状態で、通信が発生している箇所をマウスでドラッグして範囲選択すると、その選択された範囲で発生した通信がリスト表示されます。

見た感じ、 1往復の HTTP通信が 1項目として表示されているようです。

このアプリでは A3RTのAPI呼び出しと Picasso の画像ダウンロードで 2往復通信が発生しているので、2項目表示されていますね。

この状態でも通信量、レスポンスステータス、応答時間などが表示されるようになっています。

さらに、項目を選択してみると、レスポンスの内容を確認することが出来ます。A3RT のレスポンスがJSON 形式で分かります。

Headers タブで、送信ヘッダ、受信ヘッダも見ることが出来ます。

Picasso の画像ダウンロードの方は、レスポンスとして画像イメージが確認できます。

これ、めちゃくちゃ便利じゃないですか！？

通信内容がテキストでわかるのはもちろん、画像イメージまで確認できるので、デバッグにはとても便利じゃないでしょうか。

また、通信の応答時間や発生のタイミングをタイムラインで視覚的に見れるので、チューニングにも役立ちそう！

トラブルシューティング

わたしが使っててハマったことと解決策書いておきます。

通信しているはずなのにプロファイラ上に表示されない

通信しているはずなのに、プロファイラ上に表示されず、通信内容が見れない・・・・

Android Studio公式ページの下の方の Network connection trouble shooting に情報がありました。

Currently, the Network Profiler only supports the HttpURLConnection and OkHttp libraries for network connections.

現状ではネットワークプロファイラがサポートしているのは HttpURLConnection と OkHttpのみです。

今回のサンプルでは、A3RT の方は普通に OkHttp のクライアントを利用しているので問題なかったですが、Picasso の方は明示的に OkHttp のダウンローダを使うように設定する必要がありました。

private fun downloadImage(url: String, imageView: ImageView) {
    Picasso.Builder(this).downloader(OkHttp3Downloader(this)).build()
            .load(url)
            .networkPolicy(NetworkPolicy.NO_CACHE)
            .fit()
            .centerCrop()
            .into(imageView)
}

1

2

3

4

5

6

7

8

9

private fun downloadImage(url: String, imageView: ImageView) {

Picasso.Builder(this).downloader(OkHttp3Downloader(this)).build()

.load(url)

.networkPolicy(NetworkPolicy.NO_CACHE)

.fit()

.centerCrop()

.into(imageView)

}

Picasso と OkHttp3 以外に、OkHttp3Downloader が必要になります。

GitHub

JakeWharton/picasso2-okhttp3-downloader

https://github.com/JakeWharton/picasso2-okhttp3-downloader

picasso2-okhttp3-downloader - A OkHttp 3 downloader implementation for Picasso 2.

Picasso 内にも OkHttpDownloader というクラスがありますが、Picasso 2.5.2 時点ではOkHttp 3 に対応しておらず、使おうとするとNoClassDefFoundError が発生します。

Caused by: java.lang.NoClassDefFoundError: Failed resolution of: Lcom/squareup/okhttp/OkHttpClient;
  at com.squareup.picasso.OkHttpDownloader.defaultOkHttpClient(OkHttpDownloader.java:31)
  at com.squareup.picasso.OkHttpDownloader.&lt;init&gt;(OkHttpDownloader.java:76)
  at com.squareup.picasso.OkHttpDownloader.&lt;init&gt;(OkHttpDownloader.java:55)
  at com.squareup.picasso.OkHttpDownloader.&lt;init&gt;(OkHttpDownloader.java:45)
  ...
Caused by: java.lang.ClassNotFoundException: Didn't find class "com.squareup.okhttp.OkHttpClient"

1

2

3

4

5

6

7

8