Angular Logo

[Angular]ng serve したアプリを iPad で動作確認する方法

Angular で開発しているときに ng serve でアプリを実行した時に、 iPad で動作確認をしたかったんですが、単純に IP アドレスとポート番号で iPad から PC にアクセスしてもアプリが開けなかったので、 iPad から PC で開発中の Angular アプリにアクセスする方法を調べてみました。

前提条件

iPad と PC が同一ネットワーク上であること

PC は Wi-Fi 、 iPad は4G回線とかだとダメで、 Wi-Fi も同じネットワークで繋がっていないといけません。

対処法

通常は下記コマンドでアプリを起動します。

$ ng serve

これに --host オプションをつけることで同一ネットワーク上の別の端末から Angular アプリを開くことができるようになります。

$ ng serve --host 0.0.0.0

ポート番号も指定したい場合は --port オプションも追加します。

$ ng serve --host 0.0.0.0 --port 8888

接続方法

--host オプション付きで ng serve コマンドを実行したら、iPadから

http://IPアドレス:ポート番号

でアクセスすることができます。

最後に

Web アプリの動作保証端末として iPad などが入っていることも多いと思います。今回のコマンドを使うことで検証用のサーバを立てたりしなくても開発段階で動作確認ができるようになります。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です