Goalist Developers Blog

Macのローカルサーバーに接続して、iPhone/iPadの実機で動作確認・デバックする

開発環境のMacで立てたローカルサーバに、iPadの実機端末からアクセスしたときのメモです。

実行環境

  • macOS Sierra 10.12.5
  • iOS 10.3.2
  • iPadとMacが同じwifiネットワークに接続している
  • Lightningケーブルで接続している

実機から開発環境のローカルサーバーにアクセス

このあたり参照して「hoge.local」でいけるかな〜と思ったらできず… yuji-ueda.hatenadiary.jp

qiita.com

結局IP指定で行きました tacamy.hatenablog.com

Angular CLI でng serveしてローカルサーバーたててるんですけど
このときにオプションで自分のIP直で指定しないと外から見れなかったです。

ng serve --host <MY_IP>

実機のSafariからみてみる
http://MY_IP:PORT

f:id:y-iio:20170823191813p:plain
ウェイ

デバッグする

PC側の開発者ツール使ってデバッグします。
こちらを参照しました。
www.tam-tam.co.jp

f:id:y-iio:20170823191918p:plain

f:id:y-iio:20170823191935p:plain

ウェイウェイ

感想

これで開発速度が65918723倍になりました。やったぜ