はじめに
Laravel 公式で提供されている Homestead と Vagrant box を利用し, ホストOS ( Windows7 ) 上に Laravel の開発環境を構築する手順をまとめています。
前提条件
この記事は 第1回 の後編です。前編の内容が前提となっていますので, これらの記事をご覧になっていない方は事前にご確認ください。
この記事を書いた時点での環境と各ソフトのバージョンは下表の通りです。
| OS | Git for Windows | VirtualBox | Vagrant |
|---|---|---|---|
| Windows7 Professional SP1 64bit | 2.15.0 | 5.2.0 r118431 | 2.0.1 |
第03章 複数の Laravel プロジェクトに対応 ( サブドメイン利用 )
第02章 の Step8 で, ドメインで Laravel プロジェクトにアクセスする方法を試しました。今度は, 複数サイトに対応するためにサブドメインでもアクセスできるようにしてみます。
まずは仮想マシンを起動しましょう。ターミナルで Vagrantfile があるディレクトリ ( 今回の場合は [ Homestead ] ) に移動してから下記のコマンドを実行します。
slangsoft@win7 MINGW64 ~
$ cd ~/LaravelProjects/Homestead/ <-- 入力 : Vagrantfile があるディレクトリに移動
slangsoft@win7 MINGW64 ~/LaravelProjects/Homestead (master)
$ vagrant up <-- 入力 : 仮想マシンの起動
次に, 仮想マシンに SSH でログインし, Composer を利用して Laravel ファイルをダウンロードします。ダウンロードの方法は 第02章 の Step.07 で説明しましたので, ここでは簡単に説明します。
今回は [ TestProject2 ] ディレクトリに Laravel をダウンロードします。
vagrant@homestead:~$ cd ./code <-- 入力 : [ code ] ディレクトリに移動
vagrant@homestead:~/code$ composer create-project laravel/laravel --prefer-dist TestProject2 <-- 入力 : [ TestProject2 ] ディレクトリに Laravel をダウンロード
ダウンロードが完了したら, Windows7 のエクスプローラーを使用して下記ディレクトリを開き, [ TestProject2 ] ディレクトリが作成されていることを確認してください。
C:\Users\ユーザー名\LaravelProjects
次に, [ Homestead.yaml ] の [ sites: ] に設定を追加します。
sites:
- map: homestead.test
to: /home/vagrant/code/TestProject/public
- map: myapp.homestead.test <-- この行を追加
to: /home/vagrant/code/TestProject2/public <-- この行を追加
設定を追加したら, その設定内容を再読み込みさせる必要があります。ターミナル ( Git Bash ) で Vagrantfile があるディレクトリ ( 今回の場合は [ Homestead ] ) に移動してから下記のコマンドを実行します。
slangsoft@win7 MINGW64 ~
$ cd ~/LaravelProjects/Homestead/ <-- 入力 : Vagrantfile があるディレクトリに移動
slangsoft@win7 MINGW64 ~/LaravelProjects/Homestead (master)
$ vagrant provision <-- 入力 : 設定ファイルの再読み込み
続けて, hosts ファイルに追加したサイトの設定を追加します。
メモ帳を管理者権限で起動します。
[ ファイル(F) ] → [ 開く(O)... ] を実行し, [ ファイル名(N): ] 欄に下記のファイル名を入力して [ 開く(O) ] ボタンをクリックします。
C:\Windows\System32\drivers\etc\hosts
hosts ファイルの最終行に下記を追記し, 上書き保存してメモ帳を閉じます。
192.168.10.10 homestead.test
192.168.10.10 myapp.homestead.test <-- この行を追加
今度はブラウザから [ http://myapp.homestead.test ] にアクセスしてみてください。第02章 の Step8 と同じ画面が表示されれば成功です。
ただ, これでは [ http://homestead.test ] の内容が表示されているのか [ http://myapp.homestead.test ] の内容が表示されているのか判断できないため, サブドメインでアクセスした時に表示される内容を変更してみましょう。
Windows7 のエクスプローラーを使用して下記ディレクトリを開き, その中にあるwelcome.blade.php をテキストエディタで開きます。
C:\Users\[ユーザー名]\LaravelProjects\TestProject2\resources\views
試しに, タブに表示されるタイトルを変更してみます。
<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TestProject2</title> <-- ここを Laravel から TestProject2 に変更
では, もう一度 [ http://myapp.homestead.test ] にアクセスしてみましょう。タブに表示されているサイトのタイトルが [ TestProject2 ] に変わっています。
念のために [ http://homestead.test ] にもアクセスして, こちらのタイトルは [ Laravel ] のままであることを確認しておきましょう。
