Como instalar o Docker + PhpStorm + xdebug no Ubuntu 16.04

Meu problema é que o xdebug não funciona quando eu começo a escutar a porta. Eu acho que o PhpStorm não pode ser vinculado ao xdebug. Acabei de receber variáveis do painel do depurador não estão disponíveis. Parece que o xdebug não possui configurações corretas.

Software e versões utilizadas:

Ubuntu 16.04 LTS
Docker v 17.06
docker-compose 1.15

Então, eu estava tentando muitas vezes configurar o xdebug + Docker + PhpStorm, mas não consigo. Eu já li muitos tutoriais, mas nada não me ajudou.

Minhasdocker-compose.yml se parece com isso:

version: '3'
services:
    web:
        image: nginx:latest
        ports:
            - "80:80"
        restart: on-failure
        volumes:
            - "./etc/nginx/default.conf:/etc/nginx/conf.d/default.conf"
            - "./etc/ssl:/etc/ssl"
            - "./project:/var/www/html/project"
        depends_on:
            - php
            - db

    php:
        image: nanoninja/php-fpm
        restart: on-failure
        volumes:
            - "./etc/php/php.ini:/usr/local/etc/php/conf.d/php.ini"
            - "./project:/var/www/html/project"
    db:
        image: mysql
        container_name: ${MYSQL_HOST}
        restart: on-failure
        env_file:
            - ".env"
        environment:
            - MYSQL_DATABASE=${MYSQL_DATABASE}
            - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PASSWORD}
            - MYSQL_USER=${MYSQL_USER}
            - MYSQL_PASSWORD=${MYSQL_PASSWORD}
        command: mysqld --sql-mode=NO_ENGINE_SUBSTITUTION
        ports:
            - "8988:3306"
        volumes:
            - "./data/db/mysql:/var/lib/mysql"

Minhasxdebug.ini é:

xdebug.default_enable=0
xdebug.remote_enable=1
xdebug.remote_port=9000
xdebug.remote_autostart=0
xdebug.remote_connect_back=0
xdebug.idekey="PHPSTORM"
xdebug.profiler_enable=0
xdebug.remote_host=localhost

Configurações do PhpStorm:

questionAnswers(3)

yourAnswerToTheQuestion