Webhooks Tutorial with Discord and Vanilla Javascript (fetch api)

Webhooks are custom callbacks URLs that an application can call to communicate with another application. A popular uses of webhooks are github and discord. Where discord creates a webhook and you can share that webhook for other applications to “hook” into it to post messages discord when something happened in the application. When I upload a video post a link to discord

In this video, Ill demonstrate webhooks with vanilla Javascript fetch api and discord webhooks. We will execute a fetch api call from the browser,

0:00 Intro
1:10 Webhooks Explained
5:20 Example

const msg = {
"content": "Hello! I'm a bot, this is fetch api"
}

fetch(whurl + "?wait=true",
{"method":"POST",
"headers": {"content-type": "application/json"},
"body": JSON.stringify(msg)})
replacex with greater than

Discord API

🏭 Software Architecture Videos

💾 Database Engineering Videos

🛰 Network Engineering Videos

🏰 Load Balancing and Proxies Videos

🐘 Postgres Videos

🚢Docker

🧮 Programming Pattern Videos

🛡 Web Security Videos

🦠 HTTP Videos

🐍 Python Videos

🔆 Javascript Videos

Support me on PayPal

Become a Patreon

Stay Awesome,
Hussein

[mandihaase]

SUPER helpful! No bells and whistles, just a simple hands-on introduction to web hooks and how to use them. Thank you!

[thearchibaldtuttle]

Why has nobody left an appreciative comment yet? Thanks for your work!

[MilkDoesMemes]

I have been searching for this for months now. You will now be put in a hall of fame in my server, thank you for your service.

[cardtunic]

Oh man this tutorial so very easy, quickly and functional. Thank you!!!

[Jackaldev]

Freaking hilarious commentary and very well put together tutorial, great job!

[sugiii]

Best tuto about vanilla post discord, ty so so much

[flockenlp]

I never really got how APIs work, but now I realized that there's nothing stopping you from building a Frontend that you use to make the bot do things, which is a lot cooler than just typing commands in the chat.

[Devilfish]

there are two types of people - Those who click on Copy Url more than once — and those who only click once.

[jan_Itan]

You don’t know how much this has helped me. Thank you so much!

[Trilioh]

Clear and helpful. Thank you for this :)

[xyhard]

Youtube gave me the solution after i gaveup, thank you!

[kyung.lee.official]

I couldn't find another video that explains webhook so clearly, this video should be at the top of searching results when people search "webhook" on YouTube.

[SantiTheDev]

So funny and entertaining at the same time teaching! I LOVE IT I SUB! Keep up the good work!
:D

[madhavsatija]

Thank you! This was a great and simple video, and very entertaining! Have a great day! :)

[candycool_vr]

Does this only work if you do it in the inspect console? Btw thanks for the amazing video!

[Shulkerkiste]

Great tutorial!
That's exactly what I needed :)

[troygooden]

Thanks, I'm looking to make a soundboard that works for my podcast. I am going to integrate webhooks which get activated on a front end to send to the back end on Node. This was really helpful, thank you.

[shateq]

It is like really cool, from this tutorial I know how tu use it in Java and other langs

[leroyhargreaves]

Could you please show how to create threads and post messages there with json? There is 0 videos on the matter :/

[dbtech]

i wish to understand this applied in reverse chats. i am looking to get a wh to to logs conversations the app does in a private channel so i can monitor, any advise ? thanks for the video was very cool