Download as PDF, PPTX
ローカル開発環境の構築をしよう VirtualBox ＋ Vagrant
- 1.
- 2.
- 3. 初めに • 初心者向けです！ • VirtualBox、Vagrantを知っているけど、使ったことがない人 •いまいち仮想環境を構築するメリットがよく分かってない人 そんな方にピッタリのスライドとなっています！ それでは見ていきましょう！
- 4. 自己紹介 • Kazuma Kimura(木村和真) 二匹の猫さまと暮らす システムエンジニア • Twitter：@K_Makazu • 所属：株式会社oliva
- 5.
- 6. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう •VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 7. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう •VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 8.
- 9.
- 10.
- 11. 原因 • ソフトとか、ツールのバージョン違う • 環境設定ファイルが違う •Mac／WindowsなどのOS依存 • ディレクトリ構造が違う etc.
- 12.
- 13. 俺達の 80 Portは渡さないぞ！！
- 14.
- 15.
- 16.
- 17.
- 18. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう •VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 19.
- 20.
- 21. ローカルPC上の構成 • ローカルPCに仮想環境は複数作成するこ とができる • Box単位にVagrantfileが作成される OS(Windows／Mac／Linux ) VirtualBox OS(Box) Web AP DB Vagrantfile 192.168.33.10 OS(Box) Web AP DB Vagrantfile 192.168.33.11
- 22. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう •VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 23. What’s VirtualBox? • ライセンスフリーの仮想化ツール •イメージは、PCの中にもう一つのPCを作 れるもの • 開発元：Oracle • 初版：2007/1/15 • 公式サイト：https://www.virtualbox.org/
- 24. What’s Vagrant? • 仮想マシンを管理するツールで、構築や 共有を簡単に行うことができる •開発元：Mitchell Hahimoto • Rubyで作られている • 公式サイト：https://www.vagrantup.com/
- 25.
- 26. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう •VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 27.
- 28. デモの流れ • VirtualBoxのインストール • 仮想マシンの作成 •仮想マシンの起動 • 共有フォルダの設定 • Hello Worldを表示させてみる
- 29.
- 30. 仮想マシンの作成 • 仮想マシンの初期設定をする • OSタイプの設定 •仮想メモリの割当を設定 • ハードディスクの容量を設定 etc..
- 31.
- 32. 仮想マシンの起動 • OSの初期設定をする • デフォルトソフトウェアの選択 •インストール先の設定 • ネットワークとホスト名の設定 etc..
- 33. 共有フォルダの設定 • ローカルPCの共有させたいフォルダを選 択 • GuestAdditionsインストール $ mkdir /media/cdrom $ mount -r /dev/cdrom /media/cdrom $ cd /media/cdrom/ $ ./VBoxLinuxAdditions.run … $ ls /media/sf_{共有フォルダ名}
- 34.
- 35.
- 36.
- 37. Hello Worldを表示させてみる • 言語：Java •Webサーバ：Apache • アプリケーションサーバ：Tomcat
- 38. とりあえず Yum Yumしてインストール を進めていく
- 39. • Java インストール $yum -y install java-1.8.0-openjdk java-1.8.0-openjdk-devel … $ java -version openjdk version "1.8.0_161" OpenJDK Runtime Environment (build 1.8.0_161-b14) OpenJDK 64-Bit Server VM (build 25.161-b14, mixed mode) $ javac -version javac 1.8.0_161
- 40. • Apache インストール •Apache 起動 $ yum -y install httpd … $ httpd -version Server version: Apache/2.4.6 (CentOS) Server built: Oct 19 2017 20:39:16 $ systemctl start httpd …
- 41. • Tomcat インストール •Tomcat 起動 $ yum -y install tomcat … $ tomcat version Server version: Apache Tomcat/7.0.76 Server built: Oct 30 2017 10:21:55 UTC … $ systemctl start tomcat …
- 42.
- 43. • Firewallの設定 • Apache •Tomcat $ firewall-cmd --add-service=http --zone=public —permanent $ firewall-cmd —reload # デフォルトに設定がなかったので、tomcat.xmlを作成 $ vim tomcat.xml $ firewall-cmd --add-service=tomcat --zone=public --permanent $ firewall-cmd --reload
- 44.
- 45. • Apache • index.htmlの作成 •Tomcat • sample.warをデプロイ $ vim /var/www/html/index.html ——— <h1>Hello World</h1> ——— $ ls /usr/share/tomcat/webapps sample sample.war
- 46.
- 47.
- 49.
- 50.
- 52.
- 53.
- 54.
- 55. • Apache <=>Tomcatの連携 • Apache • Tomcat # ProxyPassの追加 Apache -> Tomcat $ vim /etc/httpd/conf.modules.d/httpd-proxy.conf ProxyPass /sample/ ajp://192.168.33.10:8009/sample/ # httpd.conf Includeさせる cat /etc/httpd/conf/httpd.conf | grep Include Include conf.modules.d/*.conf … # 受口を設定 Apache -> Tomcat $ cat /usr/share/tomcat/conf/server.xml <!-- Define an AJP 1.3 Connector on port 8009 --> <Connector port="8009" protocol="AJP/1.3" redirectPort="8443" /> …
- 56.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64. デモの流れ • Vagrantのインストール • Boxの追加 •仮想マシンの初期化 • Vagrantfileの設定 • 仮想マシンの起動
- 65.
- 66. Boxの追加 • Boxとは、作成する仮想マシンのベースと なるもの • Box一覧：http://www.vagrantbox.es/ •追加：vagrant box add {name} {url} $ vagrant box add CentOS70 https://github.com/tommy-muehle/puppet -vagrant-boxes/releases/download/1.1.0/ centos-7.0-x86_64.box
- 67. 仮想マシンの初期化 • VirtualBoxの初期化：vagrant init{boxName} • Vagrantfileが作成される $ vagrant init CentOS70 A `Vagrantfile` has been placed in this directory. You are now … $ ls vagrant/CentOS70 Vagrantfile
- 68. Vagrantfileの設定 • Vagrantfileとは、仮想マシンの設定ファイル • IPアドレスの設定追加 $vim Vagrantfile config.vm.network “private_network”, ip: “192.168.33.10”
- 69. 仮想マシンの起動 • VirtualBoxを起動：vagrant up •起動されたか確認：vagrant status $ vagrant up Bringing machine 'default' up with 'virtualbox' provider... ==> default: Clearing any previously set forwarded ports… … $ vagrant status Current machine states: default running (virtualbox) …
- 70.
- 71.
- 72.
- 73. コマンドだけ見るとこれだけ $ vagrant boxadd {boxName} {box} $ vagrant init {boxName} $ vagrant up
- 74.
- 75.
- 76.
- 77.
- 78.
- 79. Vagrant up時にShellを実行 • VagrantfileにProvision用のShellを読み込むように設定を追加 •Shellを作成 $ vim Vagrantfile Bconfig.vm.provision :shell, :path => “ファイル名" … $ vim provision.sh sudo yum -y install java-1.8.0-openjdk java-1.8.0-openjdk-devel sudo yum -y install httpd systemctl start httpd sudo yum -y install tomcat systemctl start tomcat
- 80.
- 81.
- 82. Boxの作成 • Box作成：vagrant package $vagrant package $ ls vagrant/CentOS70 package.box
- 83.
- 84. 環境リカバリー • 削除→初期化→立ち上げる • vagrantdestroy • vagrant init {boxName} • vagrant up
- 85. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう •VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 86.
- 87.
- 88.
- 89.
- 90.
- 91. 俺達の 80 Portは渡さないぞ
- 92.
- 93.
- 94.
- 95. VirtualBox ＋ Vagrant＋ Boxインス トール １０分あればできちゃう
- 96.
- 97.
- 98.
- 99.
- 100.