DEV Community

Cover image for Activar WebHook de Github en Discord
Alexander G
Alexander G

Posted on

20 3

Activar WebHook de Github en Discord

Muchas veces nosotros los desarrolladores usamos Discord, éste muy útil servicio de mensajería para hacer nuestros proyectos en grupo, y por eso el día de hoy les diré como activar las notificaciones de todo lo que pasa en nuestro repositorio en Github y que las notificaciones lleguen al canal de nuestro server que queramos.

Para no asustarlos les digo que no van a tener que escribir ni una sola línea de código, es muy simple la verdad.

Importante

Debes tener permisos de administrador en el server para poder activar los webHooks.

Sin mas rodeos, Comencemos

Lo primero, nos vamos a Discord, y creamos una categoría llamada alert-Github o como prefieran, lo recomendable es que configuren los permisos de la categoría para que las personas no puedan escribir y luego que los canales hereden los permisos, adentro de la categoría creamos un canal con cualquier nombre(preferiblemente, el nombre del proyecto), en mi caso alerta-web, tendríamos algo así:

Estoy en un server que creé para esta ocasión
image

Nos vamos a Ajustes del Servidor, nos metemos en la parte de Integraciones. En la parte de integraciones encontraran lo siguiente:
image

Luego nos vamos a la opción de Crear WebHook, luego de darle click nos dirá que tenemos un webHook, Capitan Hook, le cambiamos el nombre por el de nuestra preferencia, en mi caso, GitHub, En la parte donde dice canal nos indica en cual canal se nos enviará las notificaciones, podemos poner cualquiera, en mi caso pondré el canal que creamos anteriormente, alerta-web, también nos dice que podemos ponerle una foto, si quieren pónganle una, pero la foto no se verá, al final si siguen los pasos bien, verán un bot con el icono de GitHub.

Ahora le damos a la parte donde dice "Copiar URL de Webhook" y se nos copiará en el portapapeles y Guardamos cambios.

Quedaría algo así
image

Ahora nos vamos a Github, nos ubicamos en el repositorio del cual estamos interesados que nos lleguen las notificaciones.

Estoy en un repositorio nuevo, aunque no importa si es nuevo o viejo
image

Nos vamos a la parte de Settings, adentro en el menú de options, nos iremos a la parte de WebHooks, y les debe salir lo siguiente:

image

Damos click en la parte donde dice add webhook, nos pedirá nuestra contraseña, luego de ingresarla, saldrá esto en pantalla

image

Y hacemos lo siguiente:

  • En Payload URL, ponemos la url de nuestro WebHook, la que copiamos anteriormente, pero al final, pegado de la url, ponemos esto:
/github
Enter fullscreen mode Exit fullscreen mode
  • En Content type, seleccionamos: application/json

  • En donde dice: Which events would you like to trigger this webhook?, seleccionamos : Send me everything.

Quedando algo así:

image

Y seguidamente le damos a add webhook y ya estaría listo nuestro WebHook, y gracias a la configuración que hicimos el webhook avisará hasta cuando alguien le de una nueva estrella.

Vamos a probarlo, vamos a darle una estrella y crearemos un archivo index.html con un simple h1 o con lo que prefieras.

Ya creado el archivo y habiendo ya dado la estrella
image

Nos vamos para Discord, entramos en el canal alerta-web o donde hayas configurado el WebHook, y nos deberá salir lo siguiente:
Bueno como soy el único que ha modificado algo en el repo solo sale AlexanderG pero depende de quien modifique el repo, saldrá su nombre de perfil de GitHub
image

Como verás nosotros no hemos puesto ninguna imagen, pero como les había dicho como ese es un webHook de Github sale su icono.

Y bueno eso es todo, vieron lo fácil que activar las notificaciones de Github, y eso seguirá funcionando a menos que se apague o se cambie.

Espero les haya gustado, si tienen alguna duda o pregunta solo déjenlas en los comentarios.

Bye hasta la próxima.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (1)

Collapse
 
kham profile image
KhanessKA

Me sale error 400 invalid http acces

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay