[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などが入っていることも多いと思います。今回のコマンドを使うことで検証用のサーバを立てたりしなくても開発段階で動作確認ができるようになります。

コメントする

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