パート 2 : Monaca CLI と Monaca デバッガーとの連携

Monaca デバッガーは、Monaca アプリの検証とデバッグを、端末上でリアルタイムに行うためのアプリです。

Monaca アプリの開発時、Monaca CLI ( ローカル PC 側 ) と Monaca デバッガー ( 端末側 ) がペアリングされていれば、プロジェクトファイルに加えられた変更は、保存後、即座にデバッガー側に「プッシュ」されます。

はじめに

Monaca デバッガーを端末にインストールします。

Monaca デバッガーのインストール方法 ( プラットフォーム別 ) は、こちらをご確認ください。

ローカル PC 上で作成した Monaca アプリを、Monaca デバッガー上でデバッグ・検証をする場合には、ローカル PC と Monaca デバッガーをペアリングする必要があります。

Monaca デバッガーとローカル PC を接続する前に、次の点をご確認ください。

コマンドウィンドウ上で、プロジェクトのフォルダーまで移動し、monaca debug コマンドを実行して、Monaca デバッガーに接続します。実行すると、Monaca CLI 側では、デバッガーからのリクエストの待ち受けを開始します。

2. Monaca デバッガーを起動し、Monaca アカウントを使用してログインします。ログインのユーザー名とパスワードは、Monaca CLI のログイン時に使用したものと同じものを使用します。

3. Monaca デバッガー上に、ポップアップメッセージが表示され、Monaca デバッガーとホスト PC をペアリングするか聞かれます。[ ペアリング ] ボタンをタップします。

4. ペアリング後、Monaca デバッガーの ローカルプロジェクト 欄に、ローカルに置かれているプロジェクト名が表示されます。ペアリングに失敗した場合には、Monaca デバッガーとのペアリングが失敗する場合をご確認ください。

デバッグを停止し、デバッガのペアを解除するには、Ctrl+c を押します。

1. Monaca デバッガーの [ ローカルプロジェクト ]上に表示されたプロジェクト名をタップして、アプリを実行します。

2. 下のスクリーンショットのように、プロジェクトが実行されます。プロジェクト一覧へ戻る場合には、デバッガーのメニュー画面へいったん戻り、 戻るボタンをタップします。