1. チュートリアル説明
2. プログラミングの準備(エディタ、dockerの用意、環境構築)(今ここ)
3. 認証機能を追加してログイン機能を実装する
4. ブログのタイトルと記事を登録する
5. ブログの記事へタグを登録する
6. ブログの一覧表示、編集機能の実装
7. ブログの検索機能の実装
8. ユーザーへの通知機能の実装

Dockerを起動する

アプリケーションディレクトリを作成する

docker関係のファイルを作成・編集する

docker-compose.yml

version: "3.4"


services:
  app:
    build:
      context: ./docker/php
      args:
        XDEBUG_INSTALL: "${XDEBUG_INSTALL}"
    volumes:
      - ./docker/php/php.ini:/usr/local/etc/php/php.ini
      - .:/var/www/html/
    ports:
      - 8080:80
    depends_on:
      - mysql

  mysql:
    image: mysql:5.7
    volumes:
      - ./docker/mysql/my.cnf:/etc/mysql/conf.d/my.cnf
      - ./docker/mysql/data:/var/lib/mysql
    command:
      - --sql-mode=NO_ENGINE_SUBSTITUTION
    environment:
      - MYSQL_ROOT_PASSWORD=root
      - MYSQL_DATABASE=${DB_DATABASE}
      - MYSQL_USER=${DB_USERNAME}
      - MYSQL_PASSWORD=${DB_PASSWORD}


  phpmyadmin:
    image: phpmyadmin/phpmyadmin
    volumes:
      - ./docker/phpmyadmin/sessions:/sessions
    environment:
      - PMA_ARBITRARY=1
      - PMA_HOST=mysql
      - PMA_USER=${DB_USERNAME}
      - PMA_PASSWORD=${DB_PASSWORD}
    ports:
      - 4040:80
    depends_on:
      - mysql


  mailcatcher:
    image: schickling/mailcatcher
    ports:
      - "1080:1080"


  sqldesigner:
    image: denlabo/sqldesigner
    links:
      - mysql
    ports:
      - "3000:80"
    environment:
      - MYSQL_SERVER=mysql
      - MYSQL_USER=${DB_USERNAME}
      - MYSQL_PASSWORD=${DB_PASSWORD}
      - MYSQL_DATABASE=${DB_DATABASE}

docker

php

Dockerfile

FROM php:7.3-apache-stretch AS base


RUN apt-get update && \
    apt-get install -y sudo libzip-dev zlib1g-dev vim nano graphviz libfreetype6-dev libjpeg62-turbo-dev libpng-dev libmcrypt-dev && \
    docker-php-ext-install mysqli pdo_mysql zip && \
    docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ && \
    docker-php-ext-install -j$(nproc) gd exif && \
    a2enmod rewrite


RUN curl -sS https://getcomposer.org/installer \
    |  php -- \
        --filename=composer \
        --install-dir=/usr/local/bin \
    && chown www-data /var/www \
    && chmod g+s /var/www/html


RUN curl -SL https://deb.nodesource.com/setup_14.x | bash
RUN apt-get install -y nodejs && \
  npm install -g npm@latest && \
  npm install -g @vue/cli


ARG XDEBUG_INSTALL
ARG BOOL=true


RUN if [ ${XDEBUG_INSTALL} = ${BOOL} ]; then \
    pecl install xdebug \
      && docker-php-ext-enable xdebug; \
    fi

COPY ./php.ini /usr/local/etc/php/conf.d/php.ini
CMD ["apache2-foreground"]

php:7.3-apache-stretch

ARG XDEBUG_INSTALL
ARG BOOL=true


RUN if [ ${XDEBUG_INSTALL} = ${BOOL} ]; then \
  pecl install xdebug \
   && docker-php-ext-enable xdebug; \
  fi

php.ini

[xdebug]
xdebug.start_with_request=yes
xdebug.remote_cookie_expire_time=3600
xdebug.log=/tmp/xdebug.log
xdebug.discover_client_host=0
xdebug.client_host=host.docker.internal
xdebug.client_port=9000
xdebug.mode=debug

mysql

my.cnf

[sql_mode]
sql_mode = STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

.env

DB_DATABASE=laravel
DB_USERNAME=user
DB_PASSWORD=password

XDEBUG_INSTALL=true

.
├── .env
├── docker
│   ├── mysql
│   │   └── my.cnf
│   └── php
│   　　   ├── Dockerfile
│   　　   └── php.ini
└── docker-compose.yml

ターミナルで環境を構築する

docker-compose build

docker-compose up

docker-compose exec app bash

ls -a

laravelをインストールする

composer

composer create-project --prefer-dist laravel/laravel blog "6.*"

welcomeページを表示する

exit

docker-compose down

docker-compose up

services:
  app:
    build:
      context: ./docker/php
      args:
        XDEBUG_INSTALL: "${XDEBUG_INSTALL}"
    volumes:
      - ./docker/php/php.ini:/usr/local/etc/php/php.ini
      - .:/var/www/html/
      ⬆️ここを
      - ./blog:/var/www/html/
      ⬆️こう書き換える

docker-compose up

http://localhost:8080/public/