# 【GitHub】GitHub Actions Slack に通知してみる
> GitHub Actions を利用して Slack に通知してみました。
- Canonical: https://c-a-p-engineer.github.io/github-actions-slack-notification/
- Published: 2021-07-04T20:00:00.000Z
- Modified: 2021-07-04T20:00:00.000Z
- Categories: Git
- Tags: Git, GitHub
# GitHub Actions Slackに通知してみる
`push` された通知など `Slack` に通知してみます。
## Slack の用意
以下の `Slack` アプリの `Incoming Webhook` を利用します。
* Incoming Webhook
`Webhook URL` を取得します。
## GitHub の用意
1. 導入したい `Repository` の `Settings`を選択。
2. 左のメニューの `Secrets` を指定
3. 右上の `New repository secret` を選択。
4. `Name` に `SLACK_WEBHOOK_URL` を設定。
5. `Value` に取得した `Webhook URL` を設定。
## GitHub Actionsの設定
GitHub Actions を作成します。
``` yml:.github/workflows/slack.yml
name: Slack
on: push
jobs:
slack:
# Ubuntu
runs-on: ubuntu-latest
steps:
# Slack
- name: Slack Notification
uses: tokorom/action-slack-incoming-webhook@main
env:
INCOMING_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
with:
text: GitHub Actions Slack Notification
```
これを `push` すると以下のように `Slack` に通知が行きます。
## 通知のカスタマイズ
通知をカスタマイズすることが出来ます。
`attachments` を追加することによって通知をカスタマイズ出来ます。
``` yml:.github/workflows/slack.yml
name: Slack
on: push
jobs:
slack:
# Ubuntu
runs-on: ubuntu-latest
steps:
# Slack
- name: Slack Notification
uses: tokorom/action-slack-incoming-webhook@main
env:
INCOMING_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
with:
text: Start GitHub Actions
attachments: |
[
{
"color": "good",
"author_name": "${{ github.actor }}",
"author_icon": "${{ github.event.sender.avatar_url }}",
"fields": [
{
"title": "Push Repository",
"value": "${{ github.event.repository.url }}"
}
]
}
]
```
以下のようにプッシュした人の名前とアバター画像、Repository の URL が通知されます。
## 参考
* tokorom/action-slack-incoming-webhook: GitHub Action for Slack Incoming Webhook
* GitHub Actions のコンテキストおよび式の構文 - GitHub Docs