ウラカタ勉強会 2017年2月度 Vagrantによるローカル仮想環境の構築

Transcript

1. 2017年2月ウラカタ勉強会 Vagrantによるローカル仮想環境の構築 2017/02/23 加藤大典
2. エンジニアの加藤大典です。 普段は主にPHPerとしてを開発を行なったり、制作チームが捗るための ツールの導入や環境の構築などのお手伝いをしています。 最近の好物は Laravel です。 自己紹介
3. 1. Vagrantとは 2. インストール 3. 仮想マシンの構築 4. 仮想マシンの終了と起動、一時停止、削除 5. 共有フォルダの利用 6. WordPressを動かしてみよう 7. Snapshot の利用 8. Vagrant Shareの利用
4. Vagrant とは
5. https://www.vagrantup.com/ https://www.vagrantup.com/
6. • VirtualBox などの仮想化ソフトウェアを操作して、仮想マシンを簡単に立ち上げる ためのコマンドラインツールです • マルチプラットフォーム（Mac, Windows, Linux に対応） • Rubyで作られています • 無料です Vagrant とは
7. よく使う用語を確認しましょう 用語 ホストOS ふだん開発環境として使用しているOS（Mac, Windows など） 仮想マシン / ゲストOS ホストOS 上に構築された OS Box 仮想マシンのベースとなる雛形イメージ
8. • この手のツールはインストールに手間がかかるものが多いが、必要なものがすべて内包されているため Vagrant と VirtualBox をインストールするだけですぐに使える • ホストOSでなくて仮想マシン内に環境を構築するため、ホストOSの環境の影響をうけない安定した環境 が用意できる※ • 異なる環境の仮想マシンを複数構築できる※ • 仮想マシンのベースとなる Box が多く公開されている • 仮想マシンの基本操作は簡単 • 共有フォルダ機能でホストOSと仮想マシン上のファイルが同期できる etc. ※ XAMP, MAMPなどに比べた大きな優位性 Vagrantのメリット
9. • 仮想マシンを起動するため動作が若干重い • 仮想マシンのイメージが大きくディスクの容量を食いやすい Vagrantのデメリット
10. • 仮想マシンを起動するため動作が若干重い • 仮想マシンのイメージが大きくディスクの容量を食いやすい → ホストOSのスペックが良ければ正直あまり問題にならない！ Vagrantのデメリット
11. インストール
12. • Vagrant • VirtualBox • ターミナルアプリなどのコマンドライン環境 必要なもの
13. 実演は Mac で行います。 • MacOS Sierra 10.12.3 （最新） • VirtualBox 5.1.14 （最新） • Vagrant 1.9.0 （最新の1つ前） ※最新1.9.1ではCentOS7系のBoxを使用した際にネットワークが正しく設定できない問題あり 今回の実演環境
14. https://www.virtualbox.org/wiki/Downloads から最新の 5.1.4 のインストーラーをダウンロードし てインストールします VirtualBox のインストール
15. VirtualBox を起動して、メニューより「VirtualBox ＞ VirtualBoxについて」を開いてバー ジョンを確認します インストールできたか確認
16. https://www.vagrantup.com/downloads.html からインストーラーをダウンロードしてインストールしま す 今回、最新の一つ前を使用するため ARCHIVES よりバージョンを指定してダウンロードしてください 「ARCHIVES ＞ vagrant_1.9.0 ＞ vagrant_1.9.0.dmg」 Vagrant のインストール
17. ターミナルから以下のコマンドを入力してインストールができたか確認します。 インストールできたか確認 $ vagrant --version Vagrant 1.9.0 $ vagrant version Installed Version: 1.9.0 Latest Version: 1.9.1 : また以下でも OK です（追記：ただしこちらはカレントフォルダ以下に Vagrantfile があると一緒に読みこむよう です、そのため Vagrantfile で設定ミスや文法エラーがあるとエラーが表示されるので注意してください）
18. さて、これで仮想マシンを使用するための準備ができました。
19. 仮想マシンの構築
20. • 仮想マシンの雛形イメージとなるBoxファイル • 設定ファイルである Vagrantfile 仮想マシンの構築に必要なもの
21. たいていはすでにBoxファイルとそれに対応した Vagrantfile が公開されていたりするの で、基本 Vagrantfile さえ拾ってくれば環境は作れます。 しかし、今回は基本を知るために Boxファイルは既存のもの使いますがVagrantfile は 一から作ってみます。
22. Boxは、公式の配布サイト Atlas より探すことができます https://atlas.hashicorp.com/boxes/search Box の探し方
23. 人気のあるBox
24. 人気のあるBox
25. 今回はあらかじめLAMP環境が構築されている scotch/box を使用します ※ OSインストール直後から使用したい場合は ubunts/trusty64 や centos/7 など良いです https://box.scotch.io/ • Ubuntu 14.04 LTS • PHP 5.6 • Ruby 2.2.x • MySQL/PostgreSQL/MongoDB/Redis • Node/Gulp Scotch Box
26. それでは環境構築をはじめましょう！
27. 作業フォルダを作成します $ mkdir -p ~/urakata1702/scotchbox $ cd ~/urakata1702/scotchbox
28. Vagrantfile が作成されます Vagrantfileの雛形を作成します $ vagrant init $ ls Vagrantfile
29. Vagrantfileを編集します config.vm.box の先頭についている # を外してコメントを解除し、 scotch/box を指定します config.vm.network の行についているコメント解除します → ホストOSからしかアクセスできないprivateなネットワークで 192.168.33.10のアドレスを設定する
30. これで最低限 Scotch Box をベースとした仮想マシンが起動できます！
31. ＜今日の勉強会だけ＞ …と行きたいのですが、今回の勉強会はでは少しイレギュラーをここではさみます…(´・ω・`) このあと仮想マシン起動しますが、その際 Scotch Box の box ファイル（700MB弱）をダウンロードしにいきま す。しかし配布サイトの Atlas が非常に重いためダウンロードに時間がかかりすぎてしまいます。なので Box ファイルは、あらかじめダウンロードしておいたものを暫定的に登録して使います $ vagrant box add --name scotch/box scotch.box
32. 仮想マシンの終了と起動、一時停止
33. それでは仮想マシンを起動しますが、仮想マシンが起動される状況をみたいので VirtualBoxを開いておいてください
34. ※ 初回 up 時は Box から仮想マシンのイメージ作成、初期化処理（プロビジョニング）などが実行されるため 時間が少しかかります ※ VitualBox の表示を一緒に確認してみてください 仮想マシンを起動 $ vagrant up
35. 仮想マシンの状態を確認 $ vagrant status Current machine states: default running (virtualbox) :
36. 仮想マシンの終了 ※ VitualBox の表示を一緒に確認してみてください $ vagrant halt
37. 仮想マシンの状態を確認 $ vagrant status Current machine states: default poweroff (virtualbox) :
38. ※ 2度目以降のupでは仮想マシンのイメージ作成と初期化処理（プロビジョニング）などが実行されないため 起動が早くなります ※ VitualBox の表示を一緒に確認してみてください 仮想マシンを再度起動 $ vagrant up
39. 仮想マシンがいらなくなったり、また作り直ししたくなったら次のようにして削除を行います ※ VitualBox の表示を一緒に確認してみてください 仮想マシンを削除 $ vagrant destroy
40. さて、なにやら起動から終了までできましたが、 これじゃよくわかりませんよね
41. 共有フォルダの利用
42. 仮想マシンを削除してしまったので、再度作成してください。 仮想マシンを作成 $ vagrant up
43. ブラウザより次のURLにアクセスしてみます http://192.168.33.10/ 「Not Found」が表示されますが一応起動しているはずです。 仮想マシンで起動しているWebサーバを確認
44. じつは scotch/box に設定されているウェブサーバは、サーバ上の /var/www/public/ がドキュメントルートと して設定されています。 それではドキュメントルートがどのようになっているか確認してみましょう。
45. 仮想マシンは必ず ssh で接続できるようになっているので接続してみましょう。 ※ ssh コマンドを使用するため、Windows の場合は基本このままでは接続できません SSH で仮想マシンに接続してみる $ vagrant ssh
46. 接続できたら /var/www 以下がどのようになっているか確認してみます なにもないです、空っぽです (´・ω・`) 確認したので仮想マシンからログアウトします vagrant@scotchbox:~$ ls /var/www .. vagrant@scotchbox:~$ exit
47. ここで共有フォルダ機能の出番です！
48. config.vm.synced_folder の先頭の # を外してコメントを解除して、以下のように修正します ※ 最初の “.” がホストOS側のフォルダで Vagrantfile のあるフォルダを指定しています ※ “/var/www” は仮想マシン上のパスを表しています Vagrantfieを編集します
49. 設定を反映するために halt して再度 up します 仮想マシンを再起動 $ vagrant halt $ vagrant up
50. では Vagrantfile のあるフォルダに public フォルダを掘り適当に index.html を用意します。 仮想マシンを再起動 $ mkdir public $ echo ’test’ > public/index.html
51. ブラウザより次のURLにアクセスしてみます http://192.168.33.10/ 「test」が表示されたはずです！ 仮想マシンで起動しているWebサーバを確認
52. 再度 ssh で接続して /var/www 以下がどのようになっているか確認します 仮想マシン上の /var/www/ と ホストOS上の Vagrantfile のあるフォルダが共有されてるようです！ SSH で仮想マシンに接続してみる $ vagrant ssh vagrant@scotchbox:~$ ls /var/www public Vagrantfile
53. WordPressを動かしてみよう
54. Scotch Box は LAMP 環境がインストールされているので、WordPressでも動かしてみましょう！ • public/ 以下に WordPress の一式を展開します • http://192.168.33.10/ にアクセスしてセットアップを開始します • MySQLの設定情報は Scotch Box の公式サイトより確認してみてください。 https://box.scotch.io/ WordPressのセットアップ
55. Snapshotの利用
56. その時点の仮想マシンの状態をまるっと保存して、その後コマンド一つでその時の状態に戻せる機能です。以 下のようなケースで便利です。 仮想マシン上で何かインストールやセットアップをいろいろと試行錯誤したいとき（あとでもどせるように）。たと えばこーゆう勉強会の資料作るときとかいいですよね。一からやり直しが何度もできるので。 Snapshotとは
57. Snapshotの作成と復元は複数のやり方があるのですが、基本は以下になります。 snapshot の作成 $ vagrant snapshot push 作成したスナップショットの確認 $ vagrant snapshot list 作成したスナップショットから復元（時間かかる…） $ vagrant snapshot pop Snapshotの作成と復元 $ vagrant snapshot push $ vagrant snapshot list $ vagrant snapshot pop
58. 1. スナップショットを作成 2. WordPressの記事などをてきとうに変更する 3. スナップショットを復元 ※ 注意 スナップショットで保存されるのは仮想マシン上のデータのみとなります、共有フォルダ上のファイルは実体が ホストOSにあるためスナップショットの対象にならないので注意してください。 やってみよう！
59. Vagrant Shareの利用
60. Vagrantは仮想マシン上の HTTP と SSH のポートをインターネット上に一時的に公開してくれる機能がありま す • WIP な制作中のローカルサイトを直接リモートのクライアントに見せたいときに • ちょっと難しいことをしてみたけど、なんかプログラムがエラーでて動かない → 仮想マシンに外部から SSHで接続してもらって調べてもらうときに • 中継サービスの Atlas を経由するためネットの速度が非常に遅い • あらかじめ Atlas にアカウント作る必要がある Vagrant Share とは
61. Vagrant Shareを使うためにはポートフォワーディングの設定が必要になります ゲストOSの 80番ポートを、適当にホストOSの適当なポートに割り当てます Vagrantfileを編集します
62. 設定を反映するために halt して再度 up します 仮想マシンを再起動 $ vagrant halt $ vagrant up
63. こちらから名前とメールアドレス・パスワードを登録するとアカウントが取得できます https://atlas.hashicorp.com/account/new Atlas アカウントを作ろう！
64. Vagrant Share するために vagrant login を実行します vagrant login $ vagrant login : Atlas Username: メールアドレスまたは名前 Password (will be hidden): パスワード You are now logged in.
65. Vagrant Share をする $ vagrant share ==> default: Detecting network information for machine... default: Local machine address: 127.0.0.1 default: : default: Local HTTP port: 8080 default: Local HTTPS port: disabled default: Port: 2222 default: Port: 8080 ==> default: Checking authentication and authorization... ==> default: Creating Vagrant Share session... default: Share will be at: laconic-badger-9051 ==> default: Your Vagrant Share is running! Name: laconic-badger-9051 ==> default: URL: http://laconic-badger-9051.vagrantshare.com ==> default: ==> default: You're sharing your Vagrant machine in "restricted" mode. This ==> default: means that only the ports listed above will be accessible by ==> default: other users (either via the web URL or using `vagrant connect`). URL が発行された
66. もしエラーがでてしまったら、HTTP のポート（ホスト側の転送ポート）を指定してみてく ださい $ vagrant share --http 8080
67. ＜中断の仕方＞ Ctrl-C で中断できます ※ 使用上の注意 vagrant share 実行中は、毎回ランダムなURLが発行されますが、一時的にでも誰でもアクセスできるURLを公 開することになります。情報をむやみに公開しないように、また確認が終わったらすぐに share 状態を中断しま しょう。 また発行されるURLのサブドメインには、「 言葉してとして良い印象を持たれない 」ものが使われるので注意し てください (；´Д｀) あとソースのパスに http://xxx.xxxx/ とかでローカルのパスが設定されていると、当然リンク切れ起こすので。 サイト内絶対パスや相対パス、あるいはインターネットじょうでアクセス可能なURLを設定してください
68. 最後に
69. 仮想マシンをよりカスタマイズしていくためには、プロビジョニング（初期化設定）が必要になってきますが今日 は時間の都合もあり省きました。 プロビジョニングを省きました
70. 今日はあえて Scotch Box の Vagrantfile を一から作成しましたが、すでにほぼ同じ内容のものが配布されて おります。 https://box.scotch.io/ Scotch Box の Vagrantfile
71. 「お気楽に一つの仮想マシンで複数のプロジェクトがまわせるLAMP環境」を用意しています • http://プロジェクト名.localdev/ で複数のプロジェクトに対応（ApacheのVirtualhost使用） • プロキシソフト Charles を使用してホスト名は自動解決（hostsファイルは面倒） • 仮想マシン内のメールサーバ（Postfix）は外部のSMTPサーバをリレー済み。これによりプログラムから 外部へのメール送信などが設定なしで可能 • DBは backups/ 以下に毎時間自動バックアップ。いつ仮想マシンを destroy してもDBは戻せる 興味がある方はまた聞いてください ﾉｼ 名案企画での利用例
72. ＜今日の勉強会だけ＞ 今日、ダウンロード済みの Scotch Box の Box ファイルを登録して使用しましたが、実際にダウンロードしたときに付くバージョン番 号が正しく付いてません。なので、勉強会が終わったら Boxファイルを削除しておいてください。 これで次回 vagrant up した際は配布サイトよりダウンロードされます $ vagrant box remove scotch/box