dockerでxdebugを使いたい

Question

前提・実現したいこと

dockerでxdebugを使いたい

発生している問題・エラーメッセージ

ブレークポイントで止まらない
phpのinfo()にはxdebugの情報が表示されています。

試したこと

サイトを見ながらdockerのphp.iniに/usr/lib/php/extensions/no-debug-non-zts-20180731/xdebug.soを記入して、ターミナルでdocker-compose up --buildを実行するとコンテナは作成されているのですが、build中に下記のようなエラーが出ています。

Failed loading /usr/lib/php/extensions/no-debug-non-zts-20180731/xdebug.so:  /usr/lib/php/extensions/no-debug-non-zts-20180731/xdebug.so: cannot open shared object file: No such file or directory

php.ini、launch.jsonには下記を記入しています。

[xdebug]
zend_extension = /usr/lib/php/extensions/no-debug-non-zts-20180731/xdebug.so
xdebug.client_host = docker.host.internal
xdebug.mode = debug
xdebug.start_with_request = yes
xdebug.discover_client_host = 0
xdebug.remote_handler = "dbgp"
xdebug.client_port = 9003
xdebug.log = /tmp/xdebug.log

{
    "name": "XDebug on docker",
    "type": "php",
    "request": "launch",
    "port": 9003,//php.iniで設定したxdebug用のport番号
    "pathMappings": {
        "/var/www/html":"/Users/ユーザ名/html"
    }
}

補足情報（FW/ツールのバージョンなど）

vscode
PHP:7.4-apache
xdebug-3.0.2

プログラミング初心者のため、問題の切り分けもできませんでした。アドバイスいただけるでしょうか。よろしくお願いします。

###追記
ファイル構造は下記のようになっています。

┳docker-compose.yml
┗testapp-web┳Dockerfile
　　　　　 　  ┗php.ini

FROM php:7.4-apache

COPY ./php.ini /usr/local/etc/php/

RUN apt-get update &&\
  apt-get install -y libpq-dev &&\
  apt-get install -y vim &&\
  docker-php-ext-install pdo pdo_pgsql pgsql &&\
  pecl install xdebug &&\
  docker-php-ext-enable xdebug

version: "3"

services:
  #PHP + Apache
  testapp-web:
    container_name: testapp-web
    build:
      context: ./testapp-web/
      dockerfile: Dockerfile
    volumes:
      - ../html:/var/www/html
      - ./testapp-web:/usr/local/etc/php/7.4
    ports:
      - "80:80"

Answer 1

Dockerコンテナ内にxdebugはインストールしましたでしょうか。
Dockerfileのご提示をお願いします。

また、9003番ポートをコンテナ外からアクセスできるようにオプションの追加が必要です。

Comments

[mkbeginner]

ありがとうございます。Dockerfile追記いたしました。個人的にはインストールできてると思うのですがいかがでしょうか。
また、コンテナ外からアクセスできるようにするオプションとは下記サイトのようにポートマッピングすれば良いのでしょうか。
https://qiita.com/ksato9700/items/0b4c7de5d857dc731443
回答に感謝いたします。

[退会済みユーザー]

https://qiita.com/gigosa/items/90431be7a6a79db78480
参考になりますかね。

[mkbeginner]

m6u様、ご回答ありがとうございます。
こちらのサイトも参考にしながらやってみたのですがうまくいきませんでした。
/usr/local/etc/php/conf.d/docker-php-ext-xdebug.iniにはzend_extension=xdebugとだけ入力されている状態です。