Webhooks Discord + IFTTT: expliquation et utilisation

GREAFOX

Premium
Inscription
18 Février 2015
Messages
1 021
Réactions
179
Points
9 926
hPVw9kO.png




GowVcRe.png




Bonjour, je n'ai pas vu de tuto sur les webhooks de discord donc je me suis dit: pourquoi pas

Si vous ne comprenez pas tous la première fois c'est normal, vous êtes humain

Bon tuto :lol:






WEBHOOKS

fxw9sUx.png



Dhs3l4o.png



Définition du site officiel de Discord
La fonction Webhooks intégrée à Discord est une façon simple de recevoir des messages automatisés et des mises à jour directement dans un salon textuel de votre serveur


En gros, ça va réceptionner les données d'une source et les envoyer sur Discord automatiquement
(c'est ce que j'ai compris, corrigez moi si je me trompe)

kkPO47A.gif


Les webhooks sont utilisés sur plusieurs plateformes autres que Discord, comme par exemeple le célèbre site des développeur Github
Je ne vais pas m'étendre sur tous ses fonctionements, je me limite pour ce tuto à Discord





IFTTT

fxw9sUx.png



XJCA7dZ.gif



Nous allons en avoir besoin, le IFTTT est une méthode externe qui va exécuter une action
Il va donc se complêter avec le Webhooks


Très simple à comprendre, si vous lisez sa définition alors vous avez tous compris
IFTTT: IF This Then That
Si ceci, alors celà


Il y a plusieurs méthode IFTTT mais pour le Webhooks discord nous allons utilisé les applets*
*voir gif ci dessus


L'applet IFTTT va prendre une information source This
et la retransmettre au webhooks, qui lui va la faire partager That

Voici un exemple

eylz0vZ.png



Dans l'illustration ci dessus nous avons utilisé cette formule

FuDU3He.png
QrdtRQd.png
85r6d94.png
BykvLeJ.png




Avec IFTTT, vous pouvez faire énormément de chose

- votre garage s'ouvre automatiquement quand votre voiture arrive dans votre rue
- votre chauffage s'allume automatiquement
- vous recevez un sms quand un email arrive sur votre boîte mail
- vous êtes tagé sur facebook, ça vous envoi direct la photo sur votre compte dropbox
- tous les jours a 9:00AM, votre webhook envoi un message sur votre channel discord
- vous arrivez à coté de chez vous, ça envoie un message privé à une personne sur twitter

Et j'en passe




MISE EN PRATIQUE

fxw9sUx.png



Je vais vous guider dans les étapes à faire dans l'ordre pour que ce soit le plus simple possible

La première chose à faire est de et se connecter, pour être tranquil

Maintenant que le plus dur est fait, passons aux étapes
(je mettrais les démonstrations en spoiler pour ne pas encombrer le post)

Nous partons du principe que je vais faire ce webhook pour RG
ici il n'y a qu'un seul moyen
vSlmfo8.png


Notre formule ici est du genre: si il y a un nouveau post ajouter au flux, alors je veux la requête du webhooks



1. Créez un webhooks sur le channel voulu et copier l'URL
jRm3hGQ.gif
2. Allez sur le site , catégorie My Applets puis New Applet
HQ2eWtX.gif
3. Cliquez sur This, cherchez RSS Feed et cliquez sur New feed item
vogUGee.gif
4. Vous inserez maintenant le l'URL du flux RSS du forum https://reality-gaming.fr/forums/-/index.rss et Create trigger
RAMXOq0.gif
5. Cliquez sur That, cherchez Webhooks et cliquez sur Make a web request
jxRq4M3.gif


DERNIERE ETAPE

URL: entrez l'URL webhooks précédement copiée *voir étape 1.
Méthode: POST
Content Type: JSON
Body: le code JSON en fonction de ce que vous voulez
Create action

Ce qui devrait ressembler à ceci
Lr0Msu1.gif
Cliquez sur Finish et Check now *il se peut que ça vous fasse une erreur *re cliquez sur Check now
CYhGqh5.gif


Je ne vais rien vous apprendre en JSON car vous vous y connaissez beaucoup mieux que moi

Pour ma part j'ai fait celui-ci​
Code:
{
"username":"RealityGaming",
"avatar_url": "https://reality-gaming.fr/styles/RealityGaming/header/logo.svg",
"content":"{{EntryTitle}} {{FeedUrl}}"
}

Résultat
4rmT1n5.png



Remarques sur Reality Gaming
On ne peux pas faire des post embedded, si vous mettez "EntryUrl" il va y avoir plein de command html qui s'afficheront
L'avatar ne fonctionne pas
Je ne trouve pas les flux RSS des sous-category


Ces petits bug mineurs sont surement dû à la nouvelle version Xenforo 2.0

Je ne rencontre pas ce genre de bug sur Reddit, twitch, Les blogs, enfin tout sauf ici quoi...


En ce qui concerne le code JSON, il est totalement différents si vous l'utilisez pour un flux RSS, pour youtube, pour Reddit, etc
Ca ne sera jamais le même et vous pouvez le personnaliser comme bon vous semble


J'espère que ce tuto vous aura plu, et même si ça ne vous sert à rien c'est toujours bon à savoir quand on est curieux :)


Voilà finish j'ai terminer
Byyyye :tchuss:
 
Dernière édition:

Twuxy GTP

Ancien modérateur
Ancien staff
Inscription
3 Janvier 2012
Messages
7 776
Réactions
5 845
Points
28 371
Merci pour la découverte, c'est assez utile. Je pense le tester bientôt, j'en donnerais des nouvelles ;)
 

Kong SEC

Retraité
Ancien staff
Inscription
14 Mai 2016
Messages
2 714
Réactions
2 349
Points
12 150
hPVw9kO.png




GowVcRe.png




Bonjour, je n'ai pas vu de tuto sur les webhooks de discord donc je me suis dit: pourquoi pas

Si vous ne comprenez pas tous la première fois c'est normal, vous êtes humain

Bon tuto :lol:






WEBHOOKS

fxw9sUx.png



Dhs3l4o.png



Définition du site officiel de Discord
La fonction Webhooks intégrée à Discord est une façon simple de recevoir des messages automatisés et des mises à jour directement dans un salon textuel de votre serveur


En gros, ça va réceptionner les données d'une source et les envoyer sur Discord automatiquement
(c'est ce que j'ai compris, corrigez moi si je me trompe)

kkPO47A.gif


Les webhooks sont utilisés sur plusieurs plateformes autres que Discord, comme par exemeple le célèbre site des développeur Github
Je ne vais pas m'étendre sur tous ses fonctionements, je me limite pour ce tuto à Discord





IFTTT

fxw9sUx.png



XJCA7dZ.gif



Nous allons en avoir besoin, le IFTTT est une méthode externe qui va exécuter une action
Il va donc se complêter avec le Webhooks


Très simple à comprendre, si vous lisez sa définition alors vous avez tous compris
IFTTT: IF This Then That
Si ceci, alors celà


Il y a plusieurs méthode IFTTT mais pour le Webhooks discord nous allons utilisé les applets*
*voir gif ci dessus


L'applet IFTTT va prendre une information source This
et la retransmettre au webhooks, qui lui va la faire partager That

Voici un exemple

eylz0vZ.png



Dans l'illustration ci dessus nous avons utilisé cette formule

FuDU3He.png
QrdtRQd.png
85r6d94.png
BykvLeJ.png




Avec IFTTT, vous pouvez faire énormément de chose
- votre garage s'ouvre automatiquement quand votre voiture arrive dans votre rue
- votre chauffage s'allume automatiquement
- vous recevez un sms quand un email arrive sur votre boîte mail

- vous êtes tagé sur facebook, ça vous envoi direct la photo sur votre compte dropbox
- tous les jours a 9:00AM, votre webhook envoi un message sur votre channel discord

- vous arrivez à coté de chez vous, ça envoie un message privé à une personne sur twitter

Et j'en passe




MISE EN PRATIQUE

fxw9sUx.png



Je vais vous guider dans les étapes à faire dans l'ordre pour que ce soit le plus simple possible

La première chose à faire est de et se connecter, pour être tranquil

Maintenant que le plus dur est fait, passons aux étapes
(je mettrais les démonstrations en spoiler pour ne pas encombrer le post)

Nous partons du principe que je vais faire ce webhook pour RG
ici il n'y a qu'un seul moyen
vSlmfo8.png


Notre formule ici est du genre: si il y a un nouveau post ajouter au flux, alors je veux la requête du webhooks



1. Créez un webhooks sur le channel voulu et copier l'URL
jRm3hGQ.gif
2. Allez sur le site , catégorie My Applets puis New Applet
HQ2eWtX.gif
3. Cliquez sur This, cherchez RSS Feed et cliquez sur New feed item
vogUGee.gif
4. Vous inserez maintenant le l'URL du flux RSS du forum https://reality-gaming.fr/forums/-/index.rss et Create trigger
RAMXOq0.gif
5. Cliquez sur That, cherchez Webhooks et cliquez sur Make a web request
jxRq4M3.gif


DERNIERE ETAPE

URL: entrez l'URL webhooks précédement copiée *voir étape 1.
Méthode: POST
Content Type: JSON
Body: le code JSON en fonction de ce que vous voulez
Create action

Ce qui devrait ressembler à ceci
Lr0Msu1.gif
Cliquez sur Finish et Check now *il se peut que ça vous fasse une erreur *re cliquez sur Check now
CYhGqh5.gif


Je ne vais rien vous apprendre en JSON car vous vous y connaissez beaucoup mieux que moi

Pour ma part j'ai fait celui-ci​
Code:
{
"username":"RealityGaming",
"avatar_url": "https://reality-gaming.fr/styles/RealityGaming/header/logo.svg",
"content":"{{EntryTitle}} {{FeedUrl}}"
}

Résultat
4rmT1n5.png



Remarques sur Reality Gaming
On ne peux pas faire des post embedded, si vous mettez "EntryUrl" il va y avoir plein de command html qui s'afficheront
L'avatar ne fonctionne pas
Je ne trouve pas les flux RSS des sous-category


Ces petits bug mineurs sont surement dû à la nouvelle version Xenforo 2.0

Je ne rencontre pas ce genre de bug sur Reddit, twitch, Les blogs, enfin tout sauf ici quoi...


En ce qui concerne le code JSON, il est totalement différents si vous l'utilisez pour un flux RSS, pour youtube, pour Reddit, etc
Ca ne sera jamais le même et vous pouvez le personnaliser comme bon vous semble


J'espère que ce tuto vous aura plu, et même si ça ne vous sert à rien c'est toujours bon à savoir quand on est curieux :)


Voilà finish j'ai terminer
Byyyye :tchuss:
Hello, en voyant le mal que tu t'es fais à faire cette discussion je te conseille de demander un changement de section pour qu'elle soit + accessible et que tu es le fruit de ton travail après tu fais comme tu le souhaites ;)
 

GREAFOX

Premium
Inscription
18 Février 2015
Messages
1 021
Réactions
179
Points
9 926
Merci pour la découverte, c'est assez utile. Je pense le tester bientôt, j'en donnerais des nouvelles ;)
Si tu veux de l'aide tu me dit ;)

Hello, en voyant le mal que tu t'es fais à faire cette discussion je te conseille de demander un changement de section pour qu'elle soit + accessible et que tu es le fruit de ton travail après tu fais comme tu le souhaites ;)
ok merci mais je fais comment ?
 

AlphaGame

Premium
Inscription
20 Octobre 2013
Messages
6 054
Réactions
1 255
Points
16 816
hPVw9kO.png




GowVcRe.png




Bonjour, je n'ai pas vu de tuto sur les webhooks de discord donc je me suis dit: pourquoi pas

Si vous ne comprenez pas tous la première fois c'est normal, vous êtes humain

Bon tuto :lol:






WEBHOOKS

fxw9sUx.png



Dhs3l4o.png



Définition du site officiel de Discord
La fonction Webhooks intégrée à Discord est une façon simple de recevoir des messages automatisés et des mises à jour directement dans un salon textuel de votre serveur


En gros, ça va réceptionner les données d'une source et les envoyer sur Discord automatiquement
(c'est ce que j'ai compris, corrigez moi si je me trompe)

kkPO47A.gif


Les webhooks sont utilisés sur plusieurs plateformes autres que Discord, comme par exemeple le célèbre site des développeur Github
Je ne vais pas m'étendre sur tous ses fonctionements, je me limite pour ce tuto à Discord





IFTTT

fxw9sUx.png



XJCA7dZ.gif



Nous allons en avoir besoin, le IFTTT est une méthode externe qui va exécuter une action
Il va donc se complêter avec le Webhooks


Très simple à comprendre, si vous lisez sa définition alors vous avez tous compris
IFTTT: IF This Then That
Si ceci, alors celà


Il y a plusieurs méthode IFTTT mais pour le Webhooks discord nous allons utilisé les applets*
*voir gif ci dessus


L'applet IFTTT va prendre une information source This
et la retransmettre au webhooks, qui lui va la faire partager That

Voici un exemple

eylz0vZ.png



Dans l'illustration ci dessus nous avons utilisé cette formule

FuDU3He.png
QrdtRQd.png
85r6d94.png
BykvLeJ.png




Avec IFTTT, vous pouvez faire énormément de chose
- votre garage s'ouvre automatiquement quand votre voiture arrive dans votre rue
- votre chauffage s'allume automatiquement
- vous recevez un sms quand un email arrive sur votre boîte mail

- vous êtes tagé sur facebook, ça vous envoi direct la photo sur votre compte dropbox
- tous les jours a 9:00AM, votre webhook envoi un message sur votre channel discord

- vous arrivez à coté de chez vous, ça envoie un message privé à une personne sur twitter

Et j'en passe




MISE EN PRATIQUE

fxw9sUx.png



Je vais vous guider dans les étapes à faire dans l'ordre pour que ce soit le plus simple possible

La première chose à faire est de et se connecter, pour être tranquil

Maintenant que le plus dur est fait, passons aux étapes
(je mettrais les démonstrations en spoiler pour ne pas encombrer le post)

Nous partons du principe que je vais faire ce webhook pour RG
ici il n'y a qu'un seul moyen
vSlmfo8.png


Notre formule ici est du genre: si il y a un nouveau post ajouter au flux, alors je veux la requête du webhooks



1. Créez un webhooks sur le channel voulu et copier l'URL
jRm3hGQ.gif
2. Allez sur le site , catégorie My Applets puis New Applet
HQ2eWtX.gif
3. Cliquez sur This, cherchez RSS Feed et cliquez sur New feed item
vogUGee.gif
4. Vous inserez maintenant le l'URL du flux RSS du forum https://reality-gaming.fr/forums/-/index.rss et Create trigger
RAMXOq0.gif
5. Cliquez sur That, cherchez Webhooks et cliquez sur Make a web request
jxRq4M3.gif


DERNIERE ETAPE

URL: entrez l'URL webhooks précédement copiée *voir étape 1.
Méthode: POST
Content Type: JSON
Body: le code JSON en fonction de ce que vous voulez
Create action

Ce qui devrait ressembler à ceci
Lr0Msu1.gif
Cliquez sur Finish et Check now *il se peut que ça vous fasse une erreur *re cliquez sur Check now
CYhGqh5.gif


Je ne vais rien vous apprendre en JSON car vous vous y connaissez beaucoup mieux que moi

Pour ma part j'ai fait celui-ci​
Code:
{
"username":"RealityGaming",
"avatar_url": "https://reality-gaming.fr/styles/RealityGaming/header/logo.svg",
"content":"{{EntryTitle}} {{FeedUrl}}"
}

Résultat
4rmT1n5.png



Remarques sur Reality Gaming
On ne peux pas faire des post embedded, si vous mettez "EntryUrl" il va y avoir plein de command html qui s'afficheront
L'avatar ne fonctionne pas
Je ne trouve pas les flux RSS des sous-category


Ces petits bug mineurs sont surement dû à la nouvelle version Xenforo 2.0

Je ne rencontre pas ce genre de bug sur Reddit, twitch, Les blogs, enfin tout sauf ici quoi...


En ce qui concerne le code JSON, il est totalement différents si vous l'utilisez pour un flux RSS, pour youtube, pour Reddit, etc
Ca ne sera jamais le même et vous pouvez le personnaliser comme bon vous semble


J'espère que ce tuto vous aura plu, et même si ça ne vous sert à rien c'est toujours bon à savoir quand on est curieux :)


Voilà finish j'ai terminer
Byyyye :tchuss:
J'ai rien compris :pensif: c'est pas parce que tu explique mal hein, c'est juste que je suis limité :trollface:

En gros, c'est comme les extensions/module google chrome qui t'informe que y'a un live ?

Sauf que là c'est des notifications reçu sur discord de plusieurs sites que tu souhaites ?
 

GREAFOX

Premium
Inscription
18 Février 2015
Messages
1 021
Réactions
179
Points
9 926
Cool :D

J'ai rien compris :pensif: c'est pas parce que tu explique mal hein, c'est juste que je suis limité :trollface:

En gros, c'est comme les extensions/module google chrome qui t'informe que y'a un live ?

Sauf que là c'est des notifications reçu sur discord de plusieurs sites que tu souhaites ?
Oui la dans cette exemple tu peux t'en servir pour être notifier dès qu'un post sur un blog ou un forum vient d'être créer, ou des video youtube, ou des live, ou des tweet, etc et ça apparaîtra dans tes channels discord.
 
Haut