Compartir a través de


Tutorial: Creación de una canalización de Jenkins mediante GitHub y Docker

Importante

Muchos servicios de Azure tienen complementos de Jenkins. Algunos de estos complementos dejarán de ser compatibles a partir del 29 de febrero de 2024. La CLI de Azure es la forma recomendada actualmente de integrar Jenkins con los servicios de Azure. Para obtener más información, consulte el artículo Complementos de Jenkins para Azure.

Para automatizar las fases de compilación y prueba del desarrollo de la aplicación, puede utilizar una canalización de integración e implementación continua (CI/CD). En este tutorial, creará una canalización de CI/CD en una máquina virtual de Azure, y aprenderá los siguientes temas:

  • Crear una máquina virtual de Jenkins
  • Instalar y configurar Jenkins
  • Crear la integración de webhook entre GitHub y Jenkins
  • Crear y desencadenar trabajos de compilación de Jenkins desde confirmaciones de GitHub
  • Crear una imagen de Docker para la aplicación
  • Comprobar que GitHub confirma la imagen de Docker de nueva compilación y actualiza la aplicación en ejecución

En este tutorial se usa la CLI dentro de Azure Cloud Shell, que se actualiza constantemente a la versión más reciente. Para abrir Cloud Shell, seleccione Pruébelo en la esquina superior de cualquier bloque de código.

Si decide instalar y usar la CLI localmente, en este tutorial es preciso que ejecute la CLI de Azure de la versión 2.0.30, u otra posterior. Ejecute az --version para encontrar la versión. Si necesita instalarla o actualizarla, vea Instalación de la CLI de Azure.

Creación de la instancia de Jenkins

En un tutorial anterior sobre cómo personalizar una máquina virtual Linux en el primer arranque, aprendió a automatizar la personalización de máquinas virtuales con cloud-init. Este tutorial utiliza un archivo cloud-init para instalar Jenkins y Docker en una máquina virtual. Jenkins es un popular servidor de automatización de código abierto que se integra perfectamente con Azure para permitir la integración continua (CI) y la entrega continua (CD). Para más tutoriales sobre cómo usar Jenkins, consulte el artículo sobre Jenkins en el concentrador de Azure.

En el shell actual, cree un archivo denominado cloud-init-jenkins.txt y pegue la siguiente configuración. Por ejemplo, cree el archivo en Cloud Shell, no en la máquina local. Escriba sensible-editor cloud-init-jenkins.txt para crear el archivo y ver una lista de editores disponibles. Asegúrese de que todo el archivo cloud-init se copia correctamente, especialmente la primera línea:

#cloud-config
package_upgrade: true
write_files:
  - path: /etc/systemd/system/docker.service.d/docker.conf
    content: |
      [Service]
        ExecStart=
        ExecStart=/usr/bin/dockerd
  - path: /etc/docker/daemon.json
    content: |
      {
        "hosts": ["fd://","tcp://127.0.0.1:2375"]
      }
runcmd:
  - apt install openjdk-8-jre-headless -y
  - wget -q -O - https://pkg.jenkins.io/debian/jenkins-ci.org.key | sudo apt-key add -
  - sh -c 'echo deb https://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources.list.d/jenkins.list'
  - apt-get update && apt-get install jenkins -y
  - curl -sSL https://get.docker.com/ | sh
  - usermod -aG docker azureuser
  - usermod -aG docker jenkins
  - service jenkins restart

Antes de poder crear una máquina virtual, cree un grupo de recursos con az group create. En el ejemplo siguiente, se crea un grupo de recursos denominado "myResourceGroupJenkins" en la ubicación eastus:

az group create --name myResourceGroupJenkins --location eastus

Ahora cree una máquina virtual con el comando az vm create. Use el parámetro --custom-data para pasar su archivo de configuración cloud-init. Proporcione la ruta de acceso completa a la configuración de cloud-init-jenkins.txt si guardó el archivo fuera de su directorio de trabajo actual.

az vm create --resource-group myResourceGroupJenkins \
    --name myVM \
    --image UbuntuLTS \
    --admin-username azureuser \
    --generate-ssh-keys \
    --custom-data cloud-init-jenkins.txt

La máquina virtual tarda unos minutos en crearse y configurarse.

Con el objetivo de permitir que el tráfico web llegue a la máquina virtual, use az vm open-port para abrir el puerto 8080 para el tráfico de Jenkins, y el puerto 1337 para la aplicación Node.js que se usa para ejecutar una aplicación de ejemplo:

az vm open-port --resource-group myResourceGroupJenkins --name myVM --port 8080 --priority 1001
az vm open-port --resource-group myResourceGroupJenkins --name myVM --port 1337 --priority 1002

Configuración de Jenkins

Para acceder a la instancia de Jenkins, obtenga la dirección IP pública de la máquina virtual:

az vm show --resource-group myResourceGroupJenkins --name myVM -d --query [publicIps] --o tsv

Por motivos de seguridad, debe escribir la contraseña de administrador inicial que se almacena en un archivo de texto de la máquina virtual para iniciar la instalación de Jenkins. Use la dirección IP pública que obtuvo en el paso anterior para acceder mediante SSH a la máquina virtual:

ssh azureuser@<publicIps>

Compruebe que se ejecuta Jenkins mediante el comando service:

$ service jenkins status
● jenkins.service - LSB: Start Jenkins at boot time
   Loaded: loaded (/etc/init.d/jenkins; generated)
   Active: active (exited) since Tue 2019-02-12 16:16:11 UTC; 55s ago
     Docs: man:systemd-sysv-generator(8)
    Tasks: 0 (limit: 4103)
   CGroup: /system.slice/jenkins.service

Feb 12 16:16:10 myVM systemd[1]: Starting LSB: Start Jenkins at boot time...
...

Consulte el valor de initialAdminPassword de su instalación de Jenkins y cópielo:

sudo cat /var/lib/jenkins/secrets/initialAdminPassword

Si el archivo aún no está disponible, espere unos minutos más a que cloud-init complete la instalación de Jenkins y Docker.

Ahora, abra un explorador web y vaya a http://<publicIps>:8080. Complete la instalación inicial de Jenkins como sigue:

  • Elija Select plug-ins to install (Seleccionar complementos para instalar).
  • Busque GitHub en el cuadro de texto de la parte superior. Active la casilla GitHub y, luego, seleccione Install (Instalar).
  • Cree el primer usuario administrador. Escriba un nombre de usuario, por ejemplo, administrador y, luego, proporcione su propia contraseña segura. Por último, escriba un nombre completo y la dirección de correo electrónico.
  • Seleccione Save and Finish (Guardar y finalizar).
  • Cuando esté listo Jenkins, seleccione Start using Jenkins (Comenzar a usar Jenkins).
    • Si el explorador web muestra una página en blanco cuando empiece a usar Jenkins, reinicie el servicio Jenkins. En la sesión de SSH, escriba sudo service jenkins restart y, luego, actualice el explorador web.
  • Si fuera necesario, inicie sesión en Jenkins con el nombre de usuario y la contraseña que ha creado.

Creación de un webhook de GitHub

Para configurar la integración con GitHub, abra la aplicación de ejemplo Hello World de Node.js desde el repositorio de ejemplos de Azure. Para bifurcar el repositorio en su propia cuenta de GitHub, seleccione el botón Fork (Bifurcar) de la esquina superior derecha.

Cree un webhook dentro de la bifurcación que ha creado:

  • Seleccione Configuración y Webhooks en el lado izquierdo.
  • Elija Agregar webhook y, luego, escriba Jenkins en el cuadro de filtro.
  • En Payload URL (Dirección URL de carga), escriba http://<publicIps>:8080/github-webhook/. Asegúrese de incluir la barra diagonal final (/).
  • En Content type (Tipo de contenido), seleccione application/x--www-form-urlencoded.
  • En Which events would you like to trigger this webhook? (¿Qué eventos desea que desencadene este webhook?), seleccione Just the push event (Solo el evento de inserción).
  • Establezca Active (Activo) en seleccionado.
  • Haga clic en Agregar webhook.

Add GitHub webhook to your forked repo

Creación de trabajos de Jenkins

Para que Jenkins responda a un evento de GitHub como código de confirmación, cree un trabajo de Jenkins. Use las direcciones URL de su propia bifurcación de GitHub.

En el sitio web de Jenkins, seleccione Create new jobs (Crear trabajos nuevos) desde la página principal:

  • Escriba HelloWorld como nombre del trabajo. Seleccione Freestyle project (Proyecto de estilo libre) y elija OK (Aceptar).
  • En la sección General, seleccione el proyecto de GitHub y escriba la dirección URL del repositorio bifurcado, como https://github.com/cynthn/nodejs-docs-hello-world.
  • En la sección Source code management (Administración del código fuente), seleccione Git y escriba la dirección URL de su repositorio bifurcado .git, como https://github.com/cynthn/nodejs-docs-hello-world.git.
  • En la sección Build Triggers (Compilar desencadenadores), seleccione GitHub hook trigger for GITScm polling (Desencadenador de enlace de GitHub para sondeo de GITScm).
  • En la sección Build (Compilación), seleccione Add build step (Agregar el paso de compilación). Seleccione Execute shell (Ejecutar shell) y escriba echo "Test" en la ventana de comandos.
  • Seleccione Save (Guardar) en la parte inferior de la ventana de trabajos.

Prueba de la integración de GitHub

Para probar la integración de GitHub con Jenkins, confirme un cambio en la bifurcación.

En la interfaz de usuario web de GitHub, seleccione el repositorio bifurcado y, luego, seleccione el archivo index.js. Seleccione el icono de lápiz para editar este archivo para que la línea 6 tenga este aspecto:

response.end("Hello World!");

Para confirmar sus cambios, seleccione el botón Confirmar cambios situado en la parte inferior.

En Jenkins, se inicia una nueva compilación en la sección Build history (Historial de compilaciones) de la esquina inferior izquierda de la página de trabajos. Elija el vínculo del número de compilación y seleccione Console output (Resultado de la consola) en la izquierda. Puede ver los pasos que realiza Jenkins cuando el código se ha extraído de GitHub y la acción de compilación genera el mensaje Test en la consola. Cada vez que se realiza una confirmación en GitHub, el webhook llega a Jenkins y desencadena una nueva compilación de este modo.

Definición de la imagen de la compilación de Docker

Para ver la aplicación de Node.js en ejecución en función de las confirmaciones de GitHub, permita que se genere una imagen de Docker para ejecutar la aplicación. La imagen se crea a partir de un archivo Dockerfile que define cómo configurar el contenedor que ejecuta la aplicación.

Desde la conexión SSH a la máquina virtual, cambie al directorio del área de trabajo de Jenkins denominado después del trabajo que creó en el paso anterior. En nuestro ejemplo, se llama "HelloWorld".

cd /var/lib/jenkins/workspace/HelloWorld

Cree un archivo en este directorio de área de trabajo con sudo sensible-editor Dockerfile y pegue el contenido siguiente. Asegúrese de que todo el archivo Dockerfile se copia correctamente, especialmente la primera línea:

FROM node:alpine

EXPOSE 1337

WORKDIR /var/www
COPY package.json /var/www/
RUN npm install
COPY index.js /var/www/

Este archivo Dockerfile utiliza la imagen base de Node.js con Linux Alpine, expone el puerto 1337 que ejecuta la aplicación Hello World y, luego, copia los archivos de aplicación y la inicializa.

Creación de reglas de generación de Jenkins

En un paso anterior, creó una regla de compilación de Jenkins básica que generó un mensaje en la consola. Permite crear el paso de compilación para usar nuestro Dockerfile y ejecutar la aplicación.

En la instancia Jenkins, seleccione el trabajo que creó en el paso anterior. Seleccione Configure (Configurar) en el lado izquierdo y desplácese hacia abajo hasta la sección Build (Compilación):

  • Quite el paso de compilación echo "Test". Seleccione la cruz roja de la esquina superior derecha de la casilla del paso de compilación existente.

  • Elija Add build step (Agregar paso de compilación) y seleccione Execute shell (Ejecutar shell).

  • En el cuadro Command (Comando), escriba los comandos siguientes de Docker y, luego, seleccione Save (Guardar):

    docker build --tag helloworld:$BUILD_NUMBER .
    docker stop helloworld && docker rm helloworld
    docker run --name helloworld -p 1337:1337 helloworld:$BUILD_NUMBER node /var/www/index.js &
    

Los pasos de compilación de Docker crean una imagen y etiqueta con el número de compilación de Jenkins para que pueda mantener un historial de imágenes. Los contenedores existentes que ejecutan la aplicación se detendrán y, luego, se quitarán. Después, un nuevo contenedor se inicia con la imagen y ejecuta la aplicación de Node.js en función de las confirmaciones más recientes de GitHub.

Prueba de la canalización

Para ver toda la canalización en acción, edite el archivo index.js en el nuevo repositorio de GitHub bifurcado y seleccione Commit change (Confirmar cambio). Un nuevo trabajo se inicia en Jenkins según el webhook de GitHub. Tarda unos segundos en crearse la imagen de Docker e iniciarse la aplicación en un nuevo contenedor.

Si es necesario, vuelva a obtener la dirección IP pública de la máquina virtual:

az vm show --resource-group myResourceGroupJenkins --name myVM -d --query [publicIps] --o tsv

Abra un explorador web y escriba http://<publicIps>:1337. La aplicación de Node.js se muestra y refleja las confirmaciones más recientes en la bifurcación de GitHub como se indica a continuación:

Running Node.js app

Ahora, realice otra modificación en el archivo index.js de GitHub y confirme el cambio. Espere unos segundos para que el trabajo se complete en Jenkins; luego, actualice el explorador web para ver la versión actualizada de la aplicación que se ejecuta en un nuevo contenedor como sigue:

Running Node.js app after another GitHub commit

Pasos siguientes

En este tutorial, ha configurado GitHub para ejecutar un trabajo de compilación de Jenkins en cada confirmación de código y, luego, ha implementado un contenedor de Docker para probar la aplicación. Ha aprendido a:

  • Crear una máquina virtual de Jenkins
  • Instalar y configurar Jenkins
  • Crear la integración de webhook entre GitHub y Jenkins
  • Crear y desencadenar trabajos de compilación de Jenkins desde confirmaciones de GitHub
  • Crear una imagen de Docker para la aplicación
  • Comprobar que GitHub confirma la imagen de Docker de nueva compilación y actualiza la aplicación en ejecución

Siga con el próximo tutorial para más información sobre cómo integrar Jenkins con Azure DevOps Services.