dackdive's blog

新米webエンジニアによる技術ブログ。JavaScript(React), Salesforce, Python など

Google App Engineの開発サーバー(localhost)にスマートフォンでアクセスする方法

ちょいメモ。
ローカルで Google App Engine の開発をしていて、dev_appserver.py で起動した開発サーバーに
iPhone などのスマートフォンでアクセスする方法。

こちらの記事が非常に参考になります。
Blogger

前提

方法

  1. 接続しているネットワークの IP アドレスを確認する
  2. dev_appserver.py--host=0.0.0.0 オプションつきで実行する
  3. iPhonehttp://[1 で確認したIPアドレス]:8080 にアクセスする

補足

1 について

mac

システム環境設定 > ネットワーク

を開いてもいいし、ターミナルで ifconfig コマンドを実行しても確認できるほか
こちらの記事による方法も参考になる。

優先順位の高いローカルIPアドレスを取得するコマンド - ザリガニが見ていた...。

# 優先順位の高い順にネットワークのサービス名を表示する
$ networksetup -listallnetworkservices
An asterisk (*) denotes that a network service is disabled.
Wi-Fi
iPhone USB
Bluetooth PAN
Thunderbolt Bridge

# Wi-Fi のIPアドレスを確認する
$ networksetup -getinfo Wi-Fi
DHCP Configuration
IP address: 192.168.11.3  # これ
Subnet mask: 255.255.255.0
Router: 192.168.11.1
Client ID:
IPv6: Automatic
IPv6 IP address: none
IPv6 Router: none
Wi-Fi ID: 64:12:bl:b5:36:sa
2 について

dev_appserver.py のオプションについて、公式リファレンスはこちら。

Using the local development server  |  App Engine standard environment for Python 2  |  Google Cloud

このうち、--host についての項を引用すると

The host address to use for the server. You may need to set this to be able to access the development server from another computer on your network. An address of 0.0.0.0 allows both localhost access and hostname access. Default is localhost.

なので、--host に指定するのは 0.0.0.0 ではなく手順 1 で指定した IP アドレスでもかまわないんだけど、
そうすると http://localhost:8080 でアクセスすることができなくなるので注意。


というわけで、できました(キャプチャは iOS Simulator)

f:id:dackdive:20150411011100p:plain