65
45

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

iPhone から localhost で起動しているアプリにアクセス

Last updated at Posted at 2018-06-29

レスポンシブな画面を作っていると iPhone から PC の localhost にアクセスしたくなるもの💩
やり方は簡単、2ステップ🤘

  1. iPhone のプロキシ設定
  2. iPhone のブラウザから起動している PC で起動しているアプリへアクセス

1. プロキシ設定

  1. PC と iPhone を同一のネットワーク配下にする
  2. iPhone の「設定」を開く
  3. 接続している Wi-Fi の i マークをタップ
  4. HTTP プロキシ -> プロキシを構成 をタップ
  5. 「手動」を選択
  6. 「サーバー」に PC の IP アドレス (e.g., 192.168.120.95) を入力
  7. 「ポート」に localhost で起動しているアプリのポート (e.g., 3000) を入力
  8. 「保存」をタップ

2. ブラウザから起動しているアプリへアクセス

ブラウザのアドレスバーに PC の IP アドレス (e.g., 192.168.120.95) を入力
アクセス成功!!

参考

MacのlocalhostにiPhoneで接続する方法 - Qiita
localhostをiphoneなどでアクセスする - 初心者のWEBデザイン

65
45
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
65
45

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?