DEV Community

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

Posted on

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.

Top comments (1)

Collapse
 
kham profile image
KhanessKA

Me sale error 400 invalid http acces