# Laravel Docker Setup

這次學習在Docker建立Laravel的開發環境，方便日後上生產環境(Production)

參考: 用 15 分鐘快速打造 Laravel 開發環境 (opens new window) , Laradock (opens new window)

假設本身沒有Laravel Project，從第一步開始

目標目錄架構, 這樣做方便日後多個項目, Multiple Projects

https://laradock.io/getting-started/

├── laradock
└── project1
└── project2
└── ...

首先clone一份laradock.git

git clone https://github.com/Laradock/laradock.git

Cloning into 'laradock'...
remote: Enumerating objects: 10, done.
remote: Counting objects: 100% (10/10), done.
remote: Compressing objects: 100% (10/10), done.
remote: Total 10339 (delta 2), reused 6 (delta 0), pack-reused 10329
Receiving objects: 100% (10339/10339), 9.23 MiB | 3.35 MiB/s, done.
Resolving deltas: 100% (5605/5605), done.

進入laradock folder, 復制env-example 進行自定義

cd laradock
cp env-example .env
vim .env

另外為了避免80 443 port 已被使用，所以更改到8000 4430

NGINX_HOST_HTTP_PORT=8000
NGINX_HOST_HTTPS_PORT=4430

# qnap nas 本身已佔用8080，這時可以改成WORKSPACE_VUE_CLI_SERVE_HOST_PORT
WORKSPACE_VUE_CLI_SERVE_HOST_PORT=9090

進入容器 nginx 和 mysql, 會自動生成network, container等項目

docker-compose up -d nginx mysql

Creating network "laradock_frontend" with driver "bridge"
Creating network "laradock_backend" with driver "bridge"
Creating network "laradock_default" with the default driver
Creating laradock_docker-in-docker_1 ... done
Creating laradock_mysql_1            ... done
Creating laradock_workspace_1        ... done
Creating laradock_php-fpm_1          ... done
Creating laradock_nginx_1            ... done

然後進入剛剛生成的laradock_workspace_1, 日後的所有php的操作都是在這裡進行. 根據.env 中APP_CODE_PATH_CONTAINER，所以一開始的路徑在/var/www

docker-compose exec workspace bash

root@93e56517c403:/var/www#

在建立文件夾project1, 並生成Laravel項目

mkdir project1
cd project1
composer create-project laravel/laravel --prefer-dist .

Installing laravel/laravel (v7.0.0)
  - Installing laravel/laravel (v7.0.0): Downloading (100%)
Created project in .
> @php -r "file_exists('.env') || copy('.env.example', '.env');"
Loading composer repositories with package information
Updating dependencies (including require-dev)
Package operations: 93 installs, 0 updates, 0 removals
  - Installing voku/portable-ascii (1.4.10): Downloading (100%)
  - Installing symfony/polyfill-ctype (v1.14.0): Downloading (100%)
  - Installing phpoption/phpoption (1.7.2): Downloading (100%)
  - Installing vlucas/phpdotenv (v4.1.2): Downloading (100%)
  ...

如果這時看本地文件的話，會看到多了一個project1的文件夾，因為docker是與本地同步的

-w857

假設domain是project1.test, 增加一個.conf檔案

cd ../laradock/
cp -r nginx/sites/laravel.conf.example nginx/sites/project1.test.conf

把修改server_name和root

vim nginx/sites/project1.test.conf

server_name project1.test;
root /var/www/project1/public;

更新一下nginx的設定

docker-compose exec nginx nginx -s reload

注意：要在本機的hosts檔添加127.0.0.1 project1.test -w800

現在上project1.test:8000，應該可以看到Laravel的畫面

-w1280

還有些後續操作, 如果我們要migrate, 會有Connection refused, 因為我們未正確設定.env中的DB_HOST

php artisan migrate

 Illuminate\Database\QueryException

  SQLSTATE[HY000] [2002] Connection refused (SQL: select * from information_schema.tables where table_schema = laravel and table_name = migrations and table_type = 'BASE TABLE')
  ...

將DB_HOST由127.0.0.1改成mysql, 另外填入預設密碼

Connecting Laravel Project with Host Mysql (opens new window)

vim .env

DB_HOST=mysql
DB_PASSWORD=root

再試一次migrate, 這次成功連接到mysql, 但有錯誤: Unknown database 'laravel', 原因是一開始在mysql沒有一個database叫laravel

php artisan migrate

  Illuminate\Database\QueryException

  SQLSTATE[HY000] [1049] Unknown database 'laravel' (SQL: select * from information_schema.tables where table_schema = laravel and table_name = migrations and table_type = 'BASE TABLE')

現在我們要進入mysql的docker container

docker-compose exec mysql bash

root@52107ec0d277:/#

登入mysql, 預設帳號密碼都是root

mysql -u root -p

Enter password:
...
mysql>

生成database

create database laravel;

Query OK, 1 row affected (0.01 sec)

現在再試一次migrate, 成功!

docker-compose exec workspace bash
cd project1
php artisan migrate

Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table (0.04 seconds)
Migrating: 2019_08_19_000000_create_failed_jobs_table
Migrated:  2019_08_19_000000_create_failed_jobs_table (0.01 seconds)

嘗試一下開始auth, 看看能否正常運作

https://stackoverflow.com/a/34546836/5588637

https://laravel.com/docs/6.x/frontend

cd project1
composer require laravel/ui
php artisan ui bootstrap --auth
php artisan migrate
npm install && npm run dev

成功!!

Xdebug

參考: http://onthink.com/2019/02/20/mac-laradock-xdebug-phpstorm/

# Laravel Multiple Pproject (Laradock)

假設有兩個Laravel Project, project1 和project2

首先設定要個project的nginx conf

#  project1 
cp -r nginx/sites/laravel.conf.example nginx/sites/project1.test.conf
#  project2
cp -r nginx/sites/laravel.conf.example nginx/sites/project2.test.conf

#  project1 
vim nginx/sites/project1.test.conf

server_name project1.test;
root /var/www/project1/public;

#  project2
vim nginx/sites/project2.test.conf

server_name project2.test;
root /var/www/project2/public;

# local 本地測試

# /etc/hosts
127.0.0.1       project1.wingch.site
127.0.0.1       project2.wingch.site

會根據server_name 轉入指定的path

# remote 遠端測試

在cloudflare 將兩條domain 指入server

在路由器指向本地的server, server本地ip是192.168.1.117, 本地的80 port 指向server的80 port

← AWS Laravel docker Laravel 5.2 Auth →