title: How to configure heroku.yml having the docker-compose.yml
body: <p>This is a very simple test app of two containers and can be deployed locally with <code>docker-compose.yml</code> and heroku doesn't support the <code>docker-compose.yml</code> file, in my opinion it does support it but partially that's why uses a file called <code>heroku.yml</code> instead.<br><br>
  I dont know how to configure <code>ports</code> in <code>heroku.yml</code>, and in the <strong>docker</strong> section; those names (<em>web_server</em> and <em>web_client</em>) are they dynos?, can I give them any name or just <code>web</code> and <code>worker</code>? and which would be which?<br><br>Any comment or suggestion please.</p>
  <p><em>docker-compose.yml</em></p>
  <pre><code>version: &quot;3&quot;
  services:
    api_server:
      image: api_server
      build: ./
      ports: 
        - 5000:5000
      networks: 
        - upload_app
    react_app:
      image: react_app
      build: ./client/
      ports:
        - 3000:3000
      networks: 
        - upload_app
  networks:
    upload_app:
      driver: bridge
  </code></pre>
  <p><em>heroku.yml</em></p>
  <pre><code>build:
    docker:
      web_server: Dockerfile
      web_client: ./client/Dockerfile
  </code></pre>