🔔

【Github】DiscordWebhookでGithubの通知を送る方法

2021/12/23に公開

よくDiscordにGithubの通知行ってるの見ると楽しいよね

===

Discordに画像のような通知が飛んでいるのを見たことありますか?

なんかかっこいいですよね...()

本当はSlackだと簡単なんですが、Discordだと手順を踏まないとできないんですよね...
BOTも簡単にしてほしいなぁ...

本題

DiscordでWebhookを作成

まずは、Githubの通知が行くチャンネルを設定しましょう。
その通知が行くチャンネルの設定を開き、連携サービスをクリックしましょう(2021/12/23現在)

このような写真と同じ画面になったら、ウェブフックを作成を選択しましょう。
すると、写真のように勝手にウェブフックが作成されます。

そして、ウェブフックURLをコピーを押しましょう!

GitHubでWebhookの設定

リポジトリの場合

次はDiscordでコピーしたウェブフックURLをGitHubのリポジトリ(作品)に設定します。
通知設定をしたいリポジトリを開いて、Settingsの左側のメニューからWebhooksを選択してください。

上の写真のようにAdd webhookというボタンがあるので、クリックしてください。
すると、Webhookの設定画面が開きますので、ここに情報を入力していきます。

------------------------------------------------------------------------------------
Webhooks / Add webhook
We’ll send a POST request to the URL below with details of any subscribed events. You can also specify which data format you’d like to receive (JSON, x-www-form-urlencoded, etc). More information can be found in our developer documentation.

Payload URL
-----------------------
|	        |
-----------------------

Content type
application/x-www-form-urlencoded|⇕

Secret
-----------------------
|	        |
-----------------------
Which events would you like to trigger this webhook?
□ Just the push event.
□ Send me everything.
□ Let me select individual events.

□ Active
- We will deliver event details when this hook is triggered.

|Add Webhook|
------------------------------------------------------------------------------------

このような画面になると思います。(自分で作った(図)うまいでしょ)
上から説明していきます。
1.Payload URLには先ほどコピーした、DicsordウェブフックのURLを貼り付けます。が、
普通に貼り付けるとエラーを起こすので、最後に/githubを入れます。

2.Content typeは押すと、二つの選択肢が出るので、

application/jsonを選択します。
3.Secretは別に入れなくていいです。
4.SSL verificationも触らなくていいです。
5.Which events would you like to trigger this webhook?は、
Send me everything.を選んでください。

6.Activeは✅を押して、AddWebhookを押してください。

確認しよう

最後にコミット(ファイル更新)やPushを行って、DiscordへWebhook通知がきたら成功です!

ハートよろしくね!
著:@kinoko1216

Discussion