BackEnd

Laravelの開発環境構築

投稿日:

はじめに

今回の記事は、PHPのフレームワークであるLaravelの開発環境構築に関する記事です。Laravelの基礎知識に関してはこちらをご覧ください。

開発環境構築

Laravelの開発環境構築には大きく分けて2つの方法があります。

  • Homesteadを利用する方法
  • Laradockを利用する方法

これらの特徴について簡単に説明します。

Homestead

HomesteadはLaravelの実行に必要なPHP、Nginx、Webサーバ、MySQLなどのほか、Redis、Mailhog(簡易メールサーバ)Nodeなどがセットになっています。はじめから様々なソフトウェアが揃っているため、初学者が利用するならこちらが良いのではないでしょうか(もちろんヘビーユーザでも不足なく利用できます)

Laradock

Laradockは名前の通りDocker上で動作します(HomesteadはVagrant上で動作します)Laradockでは下記の機能が別々のコンテナ上で動作します。

  • Nginx
  • PHP-FPM
  • MySQL
  • workspace(Laravelの開発に必要な環境がまとまっているもの)
  • phpMyAdmin

Laradockで開発環境構築

今回は個人的な興味からLaradockを利用して開発環境を構築しました。既にGitとDockerが利用できている前提で進めます。

Laradockのダウンロード

適当なディレクトリにLaradockをダウンロードします。今回はユーザディレクトリの直下に「laradock_test」ディレクトリを作成して、そこにダウンロードします。

コンテナの設定ファイルを作成

ダウンロードしたlaradockディレクトリのenv-exampleファイルをコピーして.envファイルを作成します。

設定ファイルに以下の3行を追加します。

コンテナの初期化

docker-compose upコマンドでコンテナを初期化します。

初期化が終わったら正しく起動できたか確認します。下記のように表示されれば問題ありません。

プロジェクトの作成

試しにプロジェクトを作成してみます。プロジェクトはworkspaceコンテナ上に作成されます。まず、コンテナにログインします。

予め用意されているlaradockユーザでログインすると、/var/wwwディレクトリに入ります。続いてこのディレクトリで新規プロジェクトを作成します。

プロジェクトが作成できたらコンテナからログアウトします。

共有ディレクトリの設定

laradockディレクトリの.envファイルを開いて共有ディレクトリの設定を変更します。

変更後、コンテナを再起動して設定を反映させます。

ブラウザからアクセスする

ブラウザから「http://localhost」にアクセスします。

さいごに

Laravelの開発環境構築について手順を紹介しました。

おすすめ書籍

初めてのPHPPHPフレームワーク Laravel Webアプリケーション開発 バージョン5.5 LTS対応基礎から学ぶ Vue.js

blog-page_footer_336




blog-page_footer_336




-BackEnd
-,

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

rails

configに追記したのに、rails runnerが起動しない?

1 はじめに1.1 環境2 rails runnerを使用してみる2.1 バッチファイルの作成2.2 configにパスを追記2.3 実行3 ところが…3.1 解決方法4 おまけ(runnerコマンド ...

Laravelの開発環境をdocker-composeで一から構築してみる

1 はじめに2 nginxでwebサーバを立てる2.1 default.conf作成2.2 index.html作成2.3 nginxコンテナ起動3 nginxでPHP-FPMを動作させる3.1 do ...

rails

Railsでの非同期処理とDelayed Job

1 はじめに2 Active Job2.1 Active Jobの役割2.2 ジョブを作成する2.3 ジョブをキューに登録する2.4 コールバック2.5 例外3 Delayed Job3.1 設定3. ...

js

Moment Timezoneを使ってJavaScriptで日付を変換する

1 はじめに2 Moment Timezone2.1 セットアップ2.2 使用例3 Moment Timezoneの機能3.1 タイムゾーンの一覧を表示する3.2 現在のタイムゾーンを表示する3.3 ...

Vue.js入門その4〜TODOアプリにサーバーサイドを追加してみる〜

1 はじめに2 準備2.1 今回作成したいもの2.2 環境構築3 サーバーサイド3.1 DB3.2 メモ:rails generateで余分なファイルを生成しない3.3 作成したファイル4 ビューの作 ...

フォロー

follow us in feedly

blog-page_side_responsive

2019年1月
 12345
6789101112
13141516171819
20212223242526
2728293031 

アプリ情報

私たちは無料アプリもリリースしています、ぜひご覧ください。 下記のアイコンから無料でダウンロードできます。
Get it on App Store
Get it on Google Play