モバイルアプリケーションの調査

Weinre(Web Inspector Remote)は、ColdFusion によって生成された HTML ベースのモバイルアプリケーションをデバッグするために使用できるリモートインスペクターです。既に PhoneGap を使用してアプリケーションを構築し、Weinre を使用してアプリケーションをデバッグしている場合は、ColdFusion における Weinre サポートが非常に使いやすいと感じるでしょう。

Weinre クライアントを使用してモバイルアプリケーションを調査および管理する方法について、次の図に示します。

例として、ColdFusion ベースのモバイルアプリケーションを、特定のデバイスをターゲットとしたプラットフォーム固有のビルドとしてパッケージ化することにします。デバイス上にインストールされたアプリケーションを問題なく調査するには、次の大まかな手順に従う必要があります。

  1. ColdFusion Builder を使用してアプリケーションを開発します。「モバイルアプリケーションの構築」を参照してください。
  2. ColdFusion サーバー管理コンソールから、ローカルの Weinre サーバーを起動します。「手順 1 – ローカルの Weinre サーバーの起動」を参照してください。Weinre サーバーの起動時に、Weinre クライアント URL が表示されます。
  3. ColdFusion Builder に対して、Weinre サーバーの IP アドレスとポート詳細を設定します。「手順 3 – ColdFusion Builder の設定」を参照してください。
  4. PhoneGap アプリケーションの作成時:
    1. ColdFusion サーバーは CFML ファイルを同等の HTML ファイルと JavaScript ファイルに変換します。
    2. さらに、ColdFusion サーバーは、ブラウザー上で稼働する Weinre クライアント経由で HTML ファイルをリモートから調査するためのコードを HTML ファイルに挿入します。
    3. PhoneGap アプリケーションをコピーし、デバイス上にインストールします。
    4. デバイス上でアプリケーションを開きます。
    5. リモートブラウザーから、手順 2 で取得した URL を使用して Weinre クライアントにアクセスします。
    6. ブラウザーからのアプリケーションの調査を開始します。

次の節では、これらの手順について詳しく説明します。

注意:Weinre 調査サーバーは ColdFusion サーバーにバンドルされています。必要な作業は、ローカルの Weinre サーバーを起動し、デバイス上にインストールされたアプリケーションのリモート調査を開始することだけです。

手順 1 – ローカルの Weinre サーバーの起動

ローカルの Weinre サーバーを起動するには、次のタスクを実行します。

  1. ColdFusion 管理コンソールで、デバッグとロギングリモート調査設定をクリックします。
  2. 右側のパネルで、「リモート調査を許可」をクリックします。
  3. ローカルの Weinre サーバー」をクリックします。
  4. IP アドレスとポートはデフォルト値のままにします。
  5. Weinre サーバーを開始
    」をクリックします。

  1. Weinre サーバーが問題なく開始されると、Weinre クライアント URL を含むメッセージが表示されます。

手順 2 – (オプション、手順 1 を実行しない場合)リモートの Weinre サーバーの位置指定

リモートの Weinre サーバーを設定するには、次のタスクを実行します。

  1. ColdFusion 管理コンソールで、デバッグとロギングリモート調査設定をクリックします。
  2. 右側のパネルで、「リモート調査を許可」をクリックします。
  3. リモートの Weinre サーバー」をクリックします。
  4. Weinre サーバーの URL を入力します。
  5. 変更の送信
    」をクリックします。

手順 3 – ColdFusion Builder の設定

ローカルの Weinre サーバーが稼働している状態で、ColdFusion Mobile プロジェクトを右クリックして、プロパティ/ColdFusion Mobile プロジェクトを選択し、「調査」タブをクリックします。Weinre サーバーの URL を入力します。ローカルの Weinre サーバーが稼働している場合は、ループバックアドレスを指定します。Weinre サーバーのデバッグセッションを識別する固有の ID/GUID を指定できます。

手順 4 – モバイルアプリケーションのパッケージ化

この節を参照してください。

手順 5 –モバイルアプリケーションの調査

Weinre サーバーと同じネットワークにモバイルデバイスを接続する必要があります。デバイス上でアプリケーションが実行中のときに、リモートブラウザーを開き、手順 1 で取得した Weinre クライアントの URL を入力します。

Weinre クライアントのインターフェイスが表示されます。「Targets」セクションに、接続中のすべてのデバイスで実行される、調査可能なアプリケーションが表示されます。ハイパーリンクが緑色の場合は、アプリケーションの調査の準備ができています。そのリンクをクリックすると、実行中のアプリケーションのソースコードが表示されます。

アプリケーションの調査を開始します。Weinre ユーザーインターフェイスについて詳しくは、この Web ページを参照してください。

Web ベースのモバイルアプリケーションの調査

Web ベースのモバイルアプリケーション(パッケージ化された PhoneGap ビルドとは別のもの)の場合も、前述の手順がほぼ適用されますが、いくつかの小さな変更点があります。モバイルは URL 内で INSPECT というクエリーパラメーターを付与して Web ページをリクエストします。この URL パラメーターは、次のように手動で指定できます。

  • http:// <ip address>:<port>/<file path>?INSPECT
  • http:// <ip address>:<port>/<file path>?INSPECT&GUID=weinre
  • http:// <ip address>:<port>/<file path>?INSPECT=false
注意:静的なファイルについては、それらのファイルが ColdFusion サーバーから提供される場合のみ Weinre による調査が可能です。静的なファイルが他のサーバー(Apache や IIS サーバーなど)から提供される場合は、調査を実行できない可能性があります。

ヘルプをすばやく簡単に入手

新規ユーザーの場合