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


例として、ColdFusion ベースのモバイルアプリケーションを、特定のデバイスをターゲットとしたプラットフォーム固有のビルドとしてパッケージ化することにします。デバイス上にインストールされたアプリケーションを問題なく調査するには、次の大まかな手順に従う必要があります。
- ColdFusion Builder を使用してアプリケーションを開発します。「モバイルアプリケーションの構築」を参照してください。
- ColdFusion サーバー管理コンソールから、ローカルの Weinre サーバーを起動します。「手順 1 – ローカルの Weinre サーバーの起動」を参照してください。Weinre サーバーの起動時に、Weinre クライアント URL が表示されます。
- ColdFusion Builder に対して、Weinre サーバーの IP アドレスとポート詳細を設定します。「手順 3 – ColdFusion Builder の設定」を参照してください。
- PhoneGap アプリケーションの作成時:
- ColdFusion サーバーは CFML ファイルを同等の HTML ファイルと JavaScript ファイルに変換します。
- さらに、ColdFusion サーバーは、ブラウザー上で稼働する Weinre クライアント経由で HTML ファイルをリモートから調査するためのコードを HTML ファイルに挿入します。
- PhoneGap アプリケーションをコピーし、デバイス上にインストールします。
- デバイス上でアプリケーションを開きます。
- リモートブラウザーから、手順 2 で取得した URL を使用して Weinre クライアントにアクセスします。
- ブラウザーからのアプリケーションの調査を開始します。
次の節では、これらの手順について詳しく説明します。
注意:Weinre 調査サーバーは ColdFusion サーバーにバンドルされています。必要な作業は、ローカルの Weinre サーバーを起動し、デバイス上にインストールされたアプリケーションのリモート調査を開始することだけです。 |
手順 1 – ローカルの Weinre サーバーの起動
ローカルの Weinre サーバーを起動するには、次のタスクを実行します。
- ColdFusion 管理コンソールで、デバッグとロギング/リモート調査設定をクリックします。
- 右側のパネルで、「リモート調査を許可」をクリックします。
- 「ローカルの Weinre サーバー」をクリックします。
- IP アドレスとポートはデフォルト値のままにします。
- 「Weinre サーバーを開始
」をクリックします。


- Weinre サーバーが問題なく開始されると、Weinre クライアント URL を含むメッセージが表示されます。
手順 2 – (オプション、手順 1 を実行しない場合)リモートの Weinre サーバーの位置指定
リモートの Weinre サーバーを設定するには、次のタスクを実行します。
- ColdFusion 管理コンソールで、デバッグとロギング/リモート調査設定をクリックします。
- 右側のパネルで、「リモート調査を許可」をクリックします。
- 「リモートの Weinre サーバー」をクリックします。
- Weinre サーバーの URL を入力します。
- 「変更の送信
」をクリックします。


手順 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 サーバーなど)から提供される場合は、調査を実行できない可能性があります。 |