iPhone（実機）でMac（Webサーバー）を確認する

ローカル開発時に実機で確認

Web開発をしていると、ローカルでも実機で確認したい時があります。尚且つ、Macのhostsの設定で確認したい。
検索するとインターネット共有をする、DNSを設定するなど色々やり方が出ますが、上手くいかなったのですがCharlesを使うとサクっと出来るようになりました。

手順

1. Charlesをインストール（https://www.charlesproxy.com/）

2. hostsの設定
   sudo vi /etc/hosts
   任意のドメインをつける(今回はexample.comとします)
   xx.xx.xx.xx example.com
   xx.xx.xx.xxにはMacのローカルIPを入れてください。（システム環境設定の「ネットワーク」から確認することができます）

3. iPhoneからxx.xx.xx.xx:8888にアクセス
   すると、Macの起動していたCharlesにてダイアログが出てきますので「Allow」を押してください。

これでexample.comにアクセスするとMacのWebサーバーにアクセスすることができました。