# LINE BotとSlack APIを連携させた通知システムの構築

## 目次
1. はじめに
2. 必要なツールと技術
   - 2-1. LINE Bot
   - 2-2. Slack API
   - 2-3. Node.js
3. システム設計
4. 開発環境の準備
5. LINE Botのセットアップ
   - 5-1. LINE Developersコンソールでの設定
   - 5-2. Webhookの設定
6. Slack APIのセットアップ
   - 6-1. Slackアプリの作成
   - 6-2. Botトークンの取得
7. 環境変数の設定
8. Node.jsでのコーディング
   - 8-1. 必要なライブラリのインストール
   - 8-2. LINEからのメッセージ受信
   - 8-3. Slackへのメッセージ送信
9. デプロイとテスト
   - 9-1. クラウドサービスへのデプロイ
   - 9-2. 動作確認
10. まとめ

## はじめに

最近のビジネスシーンでは、リアルタイムのコミュニケーションがますます重要になっています。その中で、LINE BotとSlackは多くの企業で広く使用されています。この記事では、LINE Botを通じて受信したメッセージをSlackに通知するシステムを構築する方法を詳しく解説します。

## 必要なツールと技術

### 2-1. LINE Bot

LINE Botは、LINE APIを利用して自動応答や通知などを実現するためのツールです。私たちはLINE Botを用いてユーザーからメッセージを受信します。

### 2-2. Slack API

Slackは、多くのチームがコミュニケーションとコラボレーションに使用するプラットフォームです。Slack APIを使用すると、Slackチャンネルにメッセージをプログラムで送信できます。

### 2-3. Node.js

Node.jsは、サーバーサイドでJavaScriptを実行するためのランタイムです。非同期I/O操作が得意なので、リアルタイムの通知システムに向いています。

## システム設計

このシステムでは、ユーザーがLINEでメッセージを送信すると、そのメッセージがLINE Botサーバーに届きます。その後、Slack APIを通じて指定したSlackチャンネルにそのメッセージを転送します。

## 開発環境の準備

Node.jsのインストール（バージョン14以上を推奨します）、およびGitなどの基本的な開発ツールをインストールしてください。

![img](/mosaic-code.jpg)

## LINE Botのセットアップ

### 5-1. LINE Developersコンソールでの設定

1. LINE Developersコンソールにログインします。
2. 新しいプロバイダーとチャンネルを作成し、チャネル基本設定で「Messaging API」を有効にします。

### 5-2. Webhookの設定

Webhook URLを設定し、「Webhook送信」を「利用する」に設定します。

## Slack APIのセットアップ

### 6-1. Slackアプリの作成

1. Slack Developersサイトで新しいアプリを作成します。
2. Scopesで必要な権限を設定します。（投稿権限`chat:write`を追加）

### 6-2. Botトークンの取得

アプリをワークスペースにインストールし、発行されたBot User OAuth Tokenをメモしておきます。

## 環境変数の設定

LINE BotとSlackのAPIキーはセキュリティの観点から`dotenv`で環境変数に格納します。

![img](/mosaic-code.jpg)

`.env`ファイルには以下のように記述します。

![img](/mosaic-code.jpg)

## Node.jsでのコーディング

### 8-1. 必要なライブラリのインストール

![img](/mosaic-code.jpg)

### 8-2. LINEからのメッセージ受信

LINEからのメッセージを受信して整形するコード例を示します。

![img](/mosaic-code.jpg)

### 8-3. Slackへのメッセージ送信

Slack APIを使ってメッセージを送信する関数を追加します。

![img](/mosaic-code.jpg)

## デプロイとテスト

### 9-1. クラウドサービスへのデプロイ

HerokuやVercelなどのクラウドプラットフォームを使ってアプリをデプロイします。

### 9-2. 動作確認

1. LINEアプリを使ってBotにメッセージを送信します。
2. 指定したSlackチャンネルにメッセージが転送されていることを確認します。

## まとめ

この構築では、LINEとSlackのAPIを連携させ、リアルタイムでメッセージの通知を行うシステムを実現しました。各ステップではAPIの設定やNode.jsでのコーディングがポイントでした。これにより、迅速で効率的な通知システムを作成することができました。実際の業務での応用も期待できます。 [cv:issue_marketplace_engineer]

# LINE BotとSlack APIを連携させた通知システムの構築

## 目次
1. はじめに
2. 必要なツールと技術
   - 2-1. LINE Bot
   - 2-2. Slack API
   - 2-3. Node.js
3. システム設計
4. 開発環境の準備
5. LINE Botのセットアップ
   - 5-1. LINE Developersコンソールでの設定
   - 5-2. Webhookの設定
6. Slack APIのセットアップ
   - 6-1. Slackアプリの作成
   - 6-2. Botトークンの取得
7. 環境変数の設定
8. Node.jsでのコーディング
   - 8-1. 必要なライブラリのインストール
   - 8-2. LINEからのメッセージ受信
   - 8-3. Slackへのメッセージ送信
9. デプロイとテスト
   - 9-1. クラウドサービスへのデプロイ
   - 9-2. 動作確認
10. まとめ

## はじめに

最近のビジネスシーンでは、リアルタイムのコミュニケーションがますます重要になっています。その中で、LINE BotとSlackは多くの企業で広く使用されています。この記事では、LINE Botを通じて受信したメッセージをSlackに通知するシステムを構築する方法を詳しく解説します。

## 必要なツールと技術

### 2-1. LINE Bot

LINE Botは、LINE APIを利用して自動応答や通知などを実現するためのツールです。私たちはLINE Botを用いてユーザーからメッセージを受信します。

### 2-2. Slack API

Slackは、多くのチームがコミュニケーションとコラボレーションに使用するプラットフォームです。Slack APIを使用すると、Slackチャンネルにメッセージをプログラムで送信できます。

### 2-3. Node.js

Node.jsは、サーバーサイドでJavaScriptを実行するためのランタイムです。非同期I/O操作が得意なので、リアルタイムの通知システムに向いています。

## システム設計

このシステムでは、ユーザーがLINEでメッセージを送信すると、そのメッセージがLINE Botサーバーに届きます。その後、Slack APIを通じて指定したSlackチャンネルにそのメッセージを転送します。

## 開発環境の準備

Node.jsのインストール（バージョン14以上を推奨します）、およびGitなどの基本的な開発ツールをインストールしてください。

```bash
# MacOS
brew install node
# Ubuntu
sudo apt-get install nodejs
```

## LINE Botのセットアップ

### 5-1. LINE Developersコンソールでの設定

1. LINE Developersコンソールにログインします。
2. 新しいプロバイダーとチャンネルを作成し、チャネル基本設定で「Messaging API」を有効にします。

### 5-2. Webhookの設定

Webhook URLを設定し、「Webhook送信」を「利用する」に設定します。

## Slack APIのセットアップ

### 6-1. Slackアプリの作成

1. Slack Developersサイトで新しいアプリを作成します。
2. Scopesで必要な権限を設定します。（投稿権限`chat:write`を追加）

### 6-2. Botトークンの取得

アプリをワークスペースにインストールし、発行されたBot User OAuth Tokenをメモしておきます。

## 環境変数の設定

LINE BotとSlackのAPIキーはセキュリティの観点から`dotenv`で環境変数に格納します。

```bash
touch .env
```

`.env`ファイルには以下のように記述します。

```
LINE_CHANNEL_SECRET=<YOUR_LINE_CHANNEL_SECRET>
LINE_ACCESS_TOKEN=<YOUR_LINE_ACCESS_TOKEN>
SLACK_BOT_TOKEN=<YOUR_SLACK_BOT_TOKEN>
SLACK_CHANNEL_ID=<YOUR_SLACK_CHANNEL_ID>
```

## Node.jsでのコーディング

### 8-1. 必要なライブラリのインストール

```bash
npm init -y
npm install express @line/bot-sdk axios dotenv
```

### 8-2. LINEからのメッセージ受信

LINEからのメッセージを受信して整形するコード例を示します。

```javascript
const express = require('express');
const { Client, middleware } = require('@line/bot-sdk');
require('dotenv').config();

const config = {
  channelAccessToken: process.env.LINE_ACCESS_TOKEN,
  channelSecret: process.env.LINE_CHANNEL_SECRET,
};

const lineClient = new Client(config);

const app = express();
app.use(middleware(config));

app.post('/webhook', (req, res) => {
  Promise.all(req.body.events.map(handleEvent))
    .then(result => res.json(result))
    .catch(err => {
      console.error(err);
      res.status(500).end();
    });
});

function handleEvent(event) {
  if (event.type !== 'message' || event.message.type !== 'text') {
    return Promise.resolve(null);
  }

  const message = event.message.text;
  return sendToSlack(message);
}
```

### 8-3. Slackへのメッセージ送信

Slack APIを使ってメッセージを送信する関数を追加します。

```javascript
const axios = require('axios');

function sendToSlack(message) {
  const url = 'https://slack.com/api/chat.postMessage';
  const data = {
    channel: process.env.SLACK_CHANNEL_ID,
    text: message,
  };

  return axios.post(url, data, {
    headers: {
      'Content-Type': 'application/json',
      'Authorization': `Bearer ${process.env.SLACK_BOT_TOKEN}`,
    }
  });
}
```

## デプロイとテスト

### 9-1. クラウドサービスへのデプロイ

HerokuやVercelなどのクラウドプラットフォームを使ってアプリをデプロイします。

### 9-2. 動作確認

1. LINEアプリを使ってBotにメッセージを送信します。
2. 指定したSlackチャンネルにメッセージが転送されていることを確認します。

## まとめ

この構築では、LINEとSlackのAPIを連携させ、リアルタイムでメッセージの通知を行うシステムを実現しました。各ステップではAPIの設定やNode.jsでのコーディングがポイントでした。これにより、迅速で効率的な通知システムを作成することができました。実際の業務での応用も期待できます。 [![image](https://firebasestorage.googleapis.com/v0/b/issue-pro-42602.appspot.com/o/topics%2F17fa658b-53c7-4ca0-a28b-e588ed1bd371?alt=media&token=2c00afff-85ff-4428-8d15-696ab676dcb0)](https://i-ssue.com/lp/check_salary)

LINE BotとSlack APIを連携させた通知システムの構築

目次

続きを読むには単価診断を受けてください（30秒）