Activar WebHook de Github en Discord
Tags: discord, github, webhook
Published: 2021-04-15 01:06:08

   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](github.com) 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yc9yj2thkj868e7b4wy1.png)






  Nos vamos a Ajustes del Servidor, nos metemos  en la parte de Integraciones. En la parte de integraciones encontraran lo siguiente:
 ![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/whu3zrpfk54r3n24fjli.png)
 

  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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0dopqvv5tenqnbwy74he.png)



  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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sseiz36oyqwdv5duv07q.png)

  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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5k3tuk2ynlcvcb62473f.png)

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

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aq66x3h4rvnjzvkydbgt.png)
 

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
```
* 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k9y5jgmwwv5ywhe9hknx.png)
 
  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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yp0s6vvksym2a3redh48.png)
 

  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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hcrqxkhsvnue31hsipps.png)
 

  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.