@media screen and (min-width: 580px) { .flotantewhatsapp{ display:none; } }

Compartir por WhatsApp

desarrollar-con-containers-docker-en-visual-code-14

Desarrollar con containers Docker en Visual Code

Desarrollar con containers Docker en Visual Code

Hoy os vamos a explicar cómo utilizar en vuestro ordenador la aplicación Visual Code, la herramienta de desarrollo por excelencia por sus múltiples extensiones, para desarrollar sobre containers Docker.

Para el ejemplo, voy a usar Visual Code en MacOS, donde ya he instalado Docker Desktop en su versión gratuita.

Este manual está basado en la documentación oficial que podéis encontrar en el siguiente enlace:

https://code.visualstudio.com/docs/remote/containers

desarrollar-con-containers-docker-en-visual-code-0

Como ya he comentado, para comenzar tenemos que tener instalado Docker Desktop y el servicio arrancado correctamente en el sistema. Otro requerimiento, es instalar la extensión  “Remote Containers” para Visual Studio:

desarrollar-con-containers-docker-en-visual-code-1

Generamos una carpeta en nuestro PC y la abrimos. Yo le he llamado “DOCKER”. A su vez, ahora generamos una carpeta nueva, podemos llamarla “.devcontainer”

desarrollar-con-containers-docker-en-visual-code-2

Creamos un nuevo fichero “devcontainer.json”

desarrollar-con-containers-docker-en-visual-code-3

Con el siguiente contenido:

Tenemos que generar otro fichero llamado dockerFile con el siguiente contenido:

desarrollar-con-containers-docker-en-visual-code-4

Si guardamos y reabrimos Visual Code, detectará que en la carpeta existe un fichero de configuración para el container. Así que pulsamos Reopen in Container, para que se genere automáticamente nuestro Container y podamos ya trabajar sobre él:

desarrollar-con-containers-docker-en-visual-code-5

El proceso tarda unos segundos:

desarrollar-con-containers-docker-en-visual-code-6

Si abrís un terminal podéis que existe el contenedor:

Podemos acceder al container para trabajar sobre él desde el menú Terminal -> Nuevo Terminal:

desarrollar-con-containers-docker-en-visual-code-7

Actualmente, no tenemos un contenido PHP que mostrar ni redirigido al container creado.

Así que vamos a hacer dos cosas, generar un nuevo fichero desde el propio terminal del container, llamado index.php y luego redirigiremos un puerto desde nuestro MacOS al puerto donde está escuchando nuestro container.

Para crear el fichero utilizamos el siguiente comando:

Automáticamente se genera el fichero en nuestra carpeta:

desarrollar-con-containers-docker-en-visual-code-16

 

Agregamos el contenido al fichero, por ejemplo:

desarrollar-con-containers-docker-en-visual-code-9

Guardamos y validamos mediante el terminal con el siguiente comando:

Ahora ejecutamos el servidor PHP a la ruta:

Para poder visualizar el contenido, tenemos que mapear de nuestro Host (MacOS) al container, mediante el plugin. Utilizamos la Paleta de comandos:

desarrollar-con-containers-docker-en-visual-code-17

Elegimos Reenviar un puerto:

desarrollar-con-containers-docker-en-visual-code-18

Pulsamos Agregar puerto en la parte inferior:

desarrollar-con-containers-docker-en-visual-code-12

Y validamos que podemos visualizar el contenido, ya sea en el navegador de nuestro equipo o desde el propio Visual Code:

desarrollar-con-containers-docker-en-visual-code-13

Y este es el resultado:

desarrollar-con-containers-docker-en-visual-code-15

Y con esto, ya podemos empezar a hacer cosas más serias o complejas.

¿Te ha gustado la entrada SÍGUENOS EN TWITTER O INVITANOS A UN CAFE?

El Blog de Negu

Acerca de Raul Unzue Pulido

Administrador de sistemas virtuales e infraestructuras IT, linuxero y entusiasta de la tecnología.

Compruebe también

instalar-vmware-tanzu-community-edition-en-macos-6

Instalar VMware Tanzu Community Edition sobre MacOS

Instalar VMware Tanzu Community Edition sobre MacOS Hoy vamos a explicaros como instalar un cluster …

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

7 − cuatro =

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies
Blog Maquinas Virtuales - El Blog de Negu