ダメ男のブログ: Androidアプリ開発 vagrantで作成したローカル開発環境にwifiで接続する

2015年9月13日日曜日

Androidアプリ開発 vagrantで作成したローカル開発環境にwifiで接続する

公開日：2015年09月13日
最終更新日：2015年09月29日

記事概要

androidのアプリ開発をする時、vagrantで作成したネットワーク環境にwifiで接続する方法を記載した記事です。

環境

Android端末
OS X Yosemite
vagrant 1.6.3

はじめに

androidアプリ開発やiphoneアプリ開発をする時、vagrantやDocker等のローカル環境でAPIやWEBアプリ側を作成するケースは多いと思います。
その場合、スマホからネットワークに接続する必要があります。今回はvagrantの開発環境にwifiで接続する方法を説明します。
今回は、私の開発しているアプリ「マウンテンチャンネル」の開発環境を使って、そのやり方を説明します。

vagrantファイルの変更

bridge するインターフェースを調べます。


VBoxManage list bridgedifs |grep '^Name:'
Name:            en1: Wi-Fi (AirPort)
Name:            en0: Ethernet

vagrantの置いてあるプロジェクトフォルダに移動し、以下の記載を追記します。


  # config.vm.network "private_network", ip: "192.168.33.12", nfs: true
  config.vm.network :public_network, :bridge => "en1: Wi-Fi (AirPort)"

上記の設定をすることで、Wifiで接続できるようになります。

vagrant起動


vagrant up

wifiを使うので1を入力します。

vagrant接続

起動したらvagrant内のアプリを起動します。


  vagrant ssh

  cd {プロジェクトフォルダ}
  // unicornを起動
  ./start-unicorn.sh
  // nginxを起動
  sudo service nginx restart
  // ipアドレスを確認
  ip -f inet addr

IPアドレスを確認したら、まずはPCのブラウザから接続して動作を確認します。

次にスマホのブラウザから接続します。

PCでもスマホでも画面が表示されました。
これでローカル環境でWEBの開発をしながら、スマホを使ってAPIやWEBにアクセスできます。
以上

Androidアプリ開発にオススメの本

Effective Android

posted with ヨメレバ

TechBooster,小太刀御禄,出村成和,重田大助,西岡靖代,宮川大輔,柏本和俊,あんざいゆき,八木俊広,木村尭海,小林慎治,有山圭二,中西良明,わかめまさひろ,新井祐一,桝井草介,久郷達也,寺園聖文,shige0501,山下智樹,前田章博,秋葉ちひろ,末広尚義,中澤慧,日高正博,塚田翔也,井形圭介,中川幸哉,山崎誠,山下武志,なまそで,橋爪香織,さとうかずのり,l_b__ インプレスジャパン 2014-01-17

Amazon

Kindle