🌐

ローカルサーバーに実機スマホからアクセスする

2021/06/27に公開

対象

開発時にローカルに立てたAPIサーバーに実機スマホからアクセスしたいことありませんか?
私はあります。という方に向けた記事です

どの開発でもOK

スマホ側は

  • Android
  • iOS
  • Flutter
  • ブラウザ
  • etc

サーバー側は

  • LaravelやRuby on Railsなどを利用した通常のJSON APIやWeb API
  • gRPCなどの新しいAPI
  • など全てのWeb通信

全てに共通した対応です。

手順

1.サーバー側のPCとスマホを同じネットワークに繋ぐ

ほとんどの場合で同じWi-Fiにつなぐと同義です。
細かい

接続先のIPアドレスを調べる

Macの場合、システム環境設定のネットワークから

接続中のネットワークのIPアドレスを見つけます。
私の場合は以下のような画面になりました。

接続できないとき

  1. まずはIPアドレスが変わっていないか確認しましょう
  2. ファイアウォールの関係で接続できない場合もあるそうです。設定を確認してみてください。

Discussion