DEV Community

Cover image for Membuat Discord Webhooks Untuk Notifikasi Github Repository
Fauzan
Fauzan

Posted on • Edited on

Membuat Discord Webhooks Untuk Notifikasi Github Repository

Kadang untuk mencari tahu update di github repository dari issue, pull request, dan push ataupun security, kita harus bulak balik buka github repositorynya di website, dan menurut gw itu akan menjadi sangat tidak efisien kalau sudah jadi habit.

Untuk memecahkan masalah itu, gw coba explore dan ketemu yang namanya webhooks, kebetulan discord memberi support untuk webhooks pada server-server discord, tentu saja kamu harus punya privilege administrator atau founder untuk menggunakan webhooks pada server tersebut.

Di artikel ini, gw pengen panduin kalian untuk bagaimana sih memasang webhooks ini dari discord ke github repository? tentu saja tanpa terlalu banyak basa-basi seperti pada hal-nya artikel yang sebelumnya gw buat dan langsung penjelasan ke-inti-nya.

Langsung saja #markicob!

Yang Harus Kalian Persiapkan

Pertama, kalian harus mempersiapkan discord dan belajar bagaimana menggunakan discord terlebih dahulu.
Kedua, tentu saja kalian harus mempersiapkan akun github dan belajar bagaimana menggunakan github terlebih dahulu.
Terakhir, jangan lupa ibadah kalau belum. sedikit joke

Mari Kita Mulai!

Webhook adalah sebuah konsep API, dimana dia menyediakan informasi untuk aplikasi lain secara realtime, webhook sering disebut juga sebagai Reverse API karena harus dirancang supaya bisa digunakan oleh provider webhook, webhook memiliki dua bentuk response yaitu JSON dan XML atau sebagai data form yaitu x-www-form-urlencoded atau multipart/form-data.

Berikut langkah-langkah mempersiapkan discord webhooks pada github repository kamu!

  • Buka Discord dan persiapkan server dengan membuat server atau gunakan server yang sudah ada untuk membuat webhooks (pastikan disini kamu memiliki role Administrator ataupun Server Founder yang ditandai dengan mahkota).

  • Buka server tersebut lalu tekan bagian pada bagian yang ditunjuk pada gambar dibawah ini, lalu klik pilihan Server Settings.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah membuka Server Settings kemudian klik pada bagian Integrations.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah membuka Integrations kemudian klik pada bagian Create Webhooks (jika kamu/bot (secara otomatis) sudah membuat webhooks sebelumnya untuk keperluan lain maka tulisannya menjadi View Webhooks).

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah itu, klik tombol Create Webhook (jika kamu/bot (secara otomatis) sudah membuat webhooks sebelumnya untuk keperluan lain maka klik pada tombol New Webhook).

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah klik tombol tersebut kamu akan mengisi informasi terkait Webhook tersebut, lalu klik pada tombol Copy Webhook URL, disini saya merekomendasikan untuk membuat text channel masing-masing untuk setiap repository, supaya lebih rapih dan ter-manage dengan mudah.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

Langkah Tambahan

Jika kamu mengalami kesulitan dalam membuat text channel, ikuti langkah dibawah ini

  • Kembali ke halaman server kalian, lalu klik tombol + seperti yang ditunjukkan oleh gambar dibawah ini.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah muncul modal popup Create Text Channel, silahkan isi nama channel, lalu klik Create Channel

Membuat Discord Webhooks Untuk Notifikasi Github Repository

Setelah membuat webhook kita akan lanjut ke langkah berikutnya yaitu mempersiapkan github repository untuk menggunakan webhook dari Discord yang sebelumnya sudah kita buat dan copy URLnya.

Berikut langkah-langkah mempersiapkan github repository untuk menggunakan discord webhooks yang sudah kamu buat!

  • Buka github repository yang sudah kamu persiapkan lalu klik pada bagian Settings

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah membuka Settings lalu klik pada bagian Webhooks

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah itu, klik pada tombol Add webhook.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah itu kamu akan mendapatkan tampilan seperti dibawah lalu isi dengan contoh input yang diperlukan seperti dibawah ini.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

1). Isi Payload URL dengan URL yang sudah kamu copy melalui tombol Copy Webhook URL pada Discord sebelumnya lalu tambahkan prefix /github di URL tersebut. (contoh https://discord.com/api/webhooks/{RANDOM_CHARACTER}/github
2). Pilih application/json pada pilihan Content type
3). Pilih Just the push event. jika kamu hanya ingin menerima notifikasi push dari aktifitas branch, pilih Send me everything. untuk menerima segala notifikasi dari aktifitas pada github repository tersebut, dan pilih Let me select individual events. untuk menerima notifikasi dari beberapa aktifitas saja. Aktifitas di github repository ini disebut sebagai event pada Github.

  • Setelah mengisi input yang diperlukan lalu klik pada tombol Add webhook

Membuat Discord Webhooks Untuk Notifikasi Github Repository

  • Setelah menambah webhook, kamu akan dialihkan ke halaman sebelumnya dan pastikan webhook sudah ceklis untuk memastikan bahwa konfigurasi kamu benar.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

Dan selesai sudah perjalanan kita untuk menambahkan Discord webhook di github 😄, selanjutnya kita harus memastikan bahwa setiap event pada github repository sudah ditangkap oleh webhook dari Discord tersebut.

Mari kita coba push sesuatu pada github repository tersebut!

Disini saya menambahkan file README di branch bernama main.

Membuat Discord Webhooks Untuk Notifikasi Github Repository

Mari kita cek dan lihat ada keajaiban apa yang terjadi, dan voila! event push pada github repository tersebut sudah masuk ke text channel dari Discord webhook yang dibuat sebelumnya! 🎉

Membuat Discord Webhooks Untuk Notifikasi Github Repository


Sekian artikel yang bisa saya bagikan, semoga bermanfaat 😃

Top comments (0)