開発者コンソール

Amazon Web App Testerをインストールして使用する方法

Amazon Web App Testerをインストールして使用する方法

Amazonアプリストアに申請する前に、Web App Testerを使用してアプリのパフォーマンスを検証できます。Web App Testerでは、HTML5ウェブアプリやモバイルに最適化されたウェブサイトがFire TVデバイスやFireタブレットなどのAndroidデバイスでどのように動作するかを確認できます。

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つあります。

  1. アプリを指すURLを入力します。この際、[Hosted Apps] タブを表示していることを確認してください。ページの上部にあるテキストボックスにアプリのURLを入力します。
  2. 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つあります。

  1. アプリを含む.zipファイルを指すURLを入力します。この際、[Packaged Apps] タブを表示していることを確認してください。ページの上部にあるテキストボックスに.zipファイルのURLを入力します。
  2. ホストデバイスの/sdcard/amazonwebappsディレクトリに.zipファイルをアップロードします。

    コンピューターで、.zipファイルを保存した場所に移動し、ファイルをホストデバイスにコピーします。MacやWindowsでGUIファイル転送ツールを使用する場合は、zipファイルの転送先をamazonwebappsディレクトリに指定します。Android Debug Bridge(ADB)を使用する場合は、.zipファイルの転送先を/sdcard/amazonwebapps/ディレクトリに指定します。ADBを使用してホストデバイスのファイルシステムのコンテンツを確認する際は、.zipファイルが/sdcard/amazonwebapps/に保存されている必要があります。GUIツールのルートディレクトリは、/sdcard/ディレクトリと同等です。

  3. ホストデバイスでWeb App Testerを開いたときに.zipファイルが認識されない場合は、[Sync List] ボタンを押してリストを更新してください。

アプリのテスト

Web App Testerにアプリを読み込んだら、[Test App] ボタンをクリックします。

保存されたデータとCookieの消去

[Clear All Browser Data] リンク(アプリリストの上)でウェブビューのデータを消去できます。これは、アプリでWeb App CacheのAPIを使用するのと同じ方法です。そのほかのオプションを使用するには、[More Actions] をクリックします。

次のステップ

Chrome DevToolsをセットアップして、ウェブアプリをデバッグします。ウェブアプリをデバッグするを参照してください。