apache-php: add dev envs config

Signed-off-by: Milas Bowman <milas.bowman@docker.com>

apache-php/.docker/docker-compose.yaml

@@ -0,0 +1,10 @@
+services:
+  web:
+    build:
+      context: app
+      target: dev-envs
+    ports: 
+      - '80:80'
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+      - ./app:/var/www/html/

apache-php/README.md

@@ -54,3 +54,14 @@ Stop and remove the containers
 ```
 $ docker compose down
 ```
+
+## Use with Docker Development Environments
+
+You can use this sample with the Dev Environments feature of Docker Desktop.
+
+![Screenshot of creating a Dev Environment in Docker Desktop](../dev-envs.png)
+
+To develop directly on the services inside containers, use the HTTPS Git url of the sample:
+```
+https://github.com/docker/awesome-compose/tree/master/apache-php
+```

apache-php/app/Dockerfile

@@ -1 +1,22 @@
-FROM php:8.0.7-apache
+# syntax=docker/dockerfile:1.4
+
+FROM --platform=$BUILDPLATFORM php:8.0.9-apache as builder
+
+CMD ["apache2-foreground"]
+
+FROM builder as dev-envs
+
+RUN <<EOF
+apt-get update
+apt-get install -y --no-install-recommends git
+EOF
+
+RUN <<EOF
+useradd -s /bin/bash -m vscode
+groupadd docker
+usermod -aG docker vscode
+EOF
+# install Docker tools (cli, buildx, compose)
+COPY --from=gloursdocker/docker / /
+
+CMD ["apache2-foreground"]

apache-php/compose.yaml

@@ -1,8 +1,9 @@
 services:
   web:
-    build: app
+    build:
+      context: app
+      target: builder
     ports: 
       - '80:80'
     volumes:
       - ./app:/var/www/html/
-