Amazon Web App Testerをインストールして使用する方法
Amazonアプリストアに申請する前に、Web App Testerを使用してアプリのパフォーマンスを検証できます。Web App Testerでは、HTML5ウェブアプリやモバイルに最適化されたウェブサイトがFire TVデバイスやFireタブレットなどのAndroidデバイスでどのように動作するかを確認できます。
- Web App Testerのインストール
- ADBを使用して開発用コンピューターに接続する方法
- Web App Testerにホストアプリを読み込む方法
- パッケージアプリの作成
- Web App Testerにパッケージアプリを読み込む方法
- アプリのテスト
- 保存されたデータとCookieの消去
- 次のステップ
Web App Testerのインストール
Web App TesterはAmazonアプリストアからダウンロードできます。Amazonアプリストアからデバイスにインストールするか、Amazonウェブサイトで入手してください。
Web App Testerのインストールに関して不明な点がある場合は、Amazonアプリストアのインストールについてのヘルプを参照してください。
ADBを使用して開発用コンピューターに接続する方法
Web App Testerを使用する前に、ADBを用いてデバイスを開発用コンピューターに接続します。詳細は以下を参照してください。
ADBを使用してFire TVに接続する方法またはADBを使用してFireタブレットに接続する方法を参照してください。
Web App Testerにホストアプリを読み込む方法
ホストデバイスのWeb App Testerにホストウェブアプリを読み込む方法は2つあります。
- アプリを指すURLを入力します。この際、[Hosted Apps] タブを表示していることを確認してください。ページの上部にあるテキストボックスにアプリのURLを入力します。
- URL(複数可)のJSONファイルをアップロードします。
- コンピューターのテキストエディターを使用して、
amazon.testerurls.json
というファイルを作成します。 - 次のテンプレートのように、ウェブアプリのURLを入力します。
{ "urls": [ "http://m.imdb.com", "http://m.amazon.com", "https://read.amazon.com" ] }
- コンピューターで、
amazon.testerurls.json
を保存した場所に移動し、ファイルをホストデバイスにコピーします。MacやWindowsでGUIファイル転送ツールを使用する場合は、amazon.testerurls.json
ファイルの転送先をルートディレクトリにします。Android Debug Bridge(ADB)を使用する場合は、amazon.testerurls.json
ファイルの転送先を/sdcard/
ディレクトリにします。ADBを使用してホストデバイスのファイルシステムのコンテンツを確認する際は、amazon.testerurls.json
ファイルが/sdcard/
に保存されている必要があります。GUIツールのルートディレクトリは、/sdcard/
ディレクトリと同等です。 - URLが、URLテキストボックスの下に一覧表示されます。
- コンピューターのテキストエディターを使用して、
パッケージアプリの作成
HTML5パッケージアプリのプロジェクトの外観と機能は、サーバー上の通常のウェブプロジェクトフォルダと類似しています。次に例を示します。
./project/index.html
./project/js/main.js
./project/js/libs/jquery.min.js
./project/css/main.css
./project/images/logo.png
./project/images/picture.jpg
...
etc
プロジェクトフォルダのファイルをすべて含むzipファイルを作成します。
Web App Testerにパッケージアプリを読み込む方法
ホストデバイスのWeb App Testerにパッケージウェブアプリを読み込む方法は2つあります。
- アプリを含む
.zip
ファイルを指すURLを入力します。この際、[Packaged Apps] タブを表示していることを確認してください。ページの上部にあるテキストボックスに.zipファイルのURLを入力します。 -
ホストデバイスの
/sdcard/amazonwebapps
ディレクトリに.zipファイルをアップロードします。コンピューターで、.zipファイルを保存した場所に移動し、ファイルをホストデバイスにコピーします。MacやWindowsでGUIファイル転送ツールを使用する場合は、zipファイルの転送先を
amazonwebapps
ディレクトリに指定します。Android Debug Bridge(ADB)を使用する場合は、.zipファイルの転送先を/sdcard/amazonwebapps/
ディレクトリに指定します。ADBを使用してホストデバイスのファイルシステムのコンテンツを確認する際は、.zipファイルが/sdcard/amazonwebapps/
に保存されている必要があります。GUIツールのルートディレクトリは、/sdcard/
ディレクトリと同等です。 - ホストデバイスでWeb App Testerを開いたときに
.zip
ファイルが認識されない場合は、[Sync List] ボタンを押してリストを更新してください。
アプリのテスト
Web App Testerにアプリを読み込んだら、[Test App] ボタンをクリックします。
保存されたデータとCookieの消去
[Clear All Browser Data] リンク(アプリリストの上)でウェブビューのデータを消去できます。これは、アプリでWeb App CacheのAPIを使用するのと同じ方法です。そのほかのオプションを使用するには、[More Actions] をクリックします。
次のステップ
Chrome DevToolsをセットアップして、ウェブアプリをデバッグします。ウェブアプリをデバッグするを参照してください。