Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie ローカル開発環境の構築をしよう VirtualBox ＋ Vagrant
Ähnlich wie ローカル開発環境の構築をしよう VirtualBox ＋ Vagrant (20)
ローカル開発環境の構築をしよう VirtualBox ＋ Vagrant
- 3. 初めに • 初心者向けです！ • VirtualBox、Vagrantを知っているけど、使ったことがない人 • いまいち仮想環境を構築するメリットがよく分かってない人 そんな方にピッタリのスライドとなっています！ それでは見ていきましょう！
- 4. 自己紹介 • Kazuma Kimura(木村 和真) 二匹の猫さまと暮らす システムエンジニア • Twitter：@K_Makazu • 所属：株式会社oliva
- 6. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう • VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 7. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう • VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 9. ローカル環境依存問題
- 11. 原因 • ソフトとか、ツールのバージョン違う • 環境設定ファイルが違う • Mac／WindowsなどのOS依存 • ディレクトリ構造が違う etc.
- 13. 俺達の 80 Port は渡さないぞ！！
- 17. 乞うご期待！！
- 18. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう • VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 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/
- 26. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう • VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 28. デモの流れ • VirtualBoxのインストール • 仮想マシンの作成 • 仮想マシンの起動 • 共有フォルダの設定 • Hello Worldを表示させてみる
- 30. 仮想マシンの作成 • 仮想マシンの初期設定をする • OSタイプの設定 • 仮想メモリの割当を設定 • ハードディスクの容量を設定 etc..
- 32. 仮想マシンの起動 • OSの初期設定をする • デフォルトソフトウェアの選択 • インストール先の設定 • ネットワークとホスト名の設定 etc..
- 33. 共有フォルダの設定 • ローカルPCの共有させたいフォルダを選 択 • Guest Additionsインストール $ mkdir /media/cdrom $ mount -r /dev/cdrom /media/cdrom $ cd /media/cdrom/ $ ./VBoxLinuxAdditions.run … $ ls /media/sf_{共有フォルダ名}
- 34. ベースの構築はこれで完了！
- 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 …
- 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
- 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" /> …
- 60. でもなんか
- 61. 結構大変だったな・・・
- 62. Vagrantに期待！
- 63. Vagrantを使ってみよう！
- 64. デモの流れ • Vagrantのインストール • Boxの追加 • 仮想マシンの初期化 • Vagrantfileの設定 • 仮想マシンの起動
- 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 box add {boxName} {box} $ vagrant init {boxName} $ vagrant up
- 74. 確かに早いし、簡単だ！
- 75. でもこれだけか？？
- 76. Vagrantの凄さはここからだ
- 78. コマンドをShellにして自動化
- 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
- 82. Boxの作成 • Box作成：vagrant package $ vagrant package $ ls vagrant/CentOS70 package.box
- 84. 環境リカバリー • 削除→初期化→立ち上げる • vagrant destroy • vagrant init {boxName} • vagrant up
- 85. アジェンダ • 開発環境あるある？ • Web3層構成を見てみよう • VirtualBox + Vagrantの紹介 • 開発環境構築のデモ • 開発環境あるある？解決編
- 87. ローカル環境依存問題
- 91. 俺達の 80 Port は渡さないぞ
- 95. VirtualBox ＋ Vagrant ＋ Boxインス トール １０分あればできちゃう
- 96. まとめ