Membuat Discord Webhooks Untuk Notifikasi Github Repository
Tags: discord, webhooks, github, indonesia
Published: 2021-07-27 05:59:46

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](https://www.evilfactorylabs.org/uploads/articles/r8z80pjdsice9g3iix8g.PNG)

* Setelah membuka `Server Settings` kemudian klik pada bagian `Integrations`.

![Membuat Discord Webhooks Untuk Notifikasi Github Repository](https://www.evilfactorylabs.org/uploads/articles/0nwfap9jh2y13tn9uzrh.PNG)

* 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](https://www.evilfactorylabs.org/uploads/articles/a0s7t133kbp01w49p1xb.PNG)

* 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](https://www.evilfactorylabs.org/uploads/articles/6w9wpjl0eqknf8ra4w90.PNG)

* 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](https://www.evilfactorylabs.org/uploads/articles/z429iwswbqyywzwiya0n.PNG)

### 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](https://www.evilfactorylabs.org/uploads/articles/8tqzol7f5c2uccaxqt3z.PNG)

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

![Membuat Discord Webhooks Untuk Notifikasi Github Repository](https://www.evilfactorylabs.org/uploads/articles/fz5eo6lxxeh29n6c35vg.PNG)

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](https://www.evilfactorylabs.org/uploads/articles/xy4lqzzw34n02pbh6jq7.PNG)

* Setelah membuka `Settings` lalu klik pada bagian `Webhooks`

![Membuat Discord Webhooks Untuk Notifikasi Github Repository](https://www.evilfactorylabs.org/uploads/articles/ybyap25yj1y0642uvvey.PNG)

* Setelah itu, klik pada tombol `Add webhook`.

![Membuat Discord Webhooks Untuk Notifikasi Github Repository](https://www.evilfactorylabs.org/uploads/articles/qf5ijv2ftcgf9w7eskz1.PNG)

* 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](https://www.evilfactorylabs.org/uploads/articles/zzg048lakm12zg2m1fkn.PNG)

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](https://www.evilfactorylabs.org/uploads/articles/cd4g51r9iwcs4mfct3pu.PNG)

* 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](https://www.evilfactorylabs.org/uploads/articles/eggbeybj6tikmtjyin69.PNG)

Dan selesai sudah perjalanan kita untuk menambahkan Discord **webhook** di github :smile:, 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](https://www.evilfactorylabs.org/uploads/articles/bxbklbnzuxb2effz3fry.PNG)

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! :tada:

![Membuat Discord Webhooks Untuk Notifikasi Github Repository](https://www.evilfactorylabs.org/uploads/articles/iq7msxnh2zmpgwly1uud.PNG)

---

Sekian artikel yang bisa saya bagikan, semoga bermanfaat :smiley: