LINE→Trello

LINE Messaging APIのアカウントを作成するための手順は以下の通りです。アカウント作成後、LINE Botを利用したメッセージの送受信やWebhookを使ったサービスを構築することができます。

1. LINE Developersに登録

まず、LINE Developersに登録する必要があります。以下の手順で進めてください。

• LINE Developersにアクセス。
• LINEアカウントでログイン（LINEの通常のアカウントを使ってログインします）。

2. プロバイダーを作成

プロバイダーは、APIを使用するためのアプリケーションやサービスを登録するための「グループ」や「プロジェクト」のようなものです。

• LINE Developersにログイン後、右上の「プロバイダーを作成」ボタンをクリック。
• プロバイダーの名前を入力（サービス名や組織名などを指定します）。

3. Messaging APIチャネルを作成

プロバイダーを作成したら、実際にMessaging APIを使用するためのチャネルを作成します。

• プロバイダーを選択した後、「チャネル作成」をクリック。
• 「Messaging API」を選択。
• チャネルの作成画面が表示されるので、以下の項目を入力します。
• チャネル名: Botの名前。
• チャネル説明: Botの簡単な説明。
• 業種・目的: チャネルの用途を選択。
• メールアドレス: 連絡用のメールアドレスを入力。
• プライバシーポリシーURL: 任意。
• 利用規約URL: 任意。

チャネルを作成すると、Messaging APIの基本設定画面に進みます。

4. チャネルアクセストークンの発行

チャネルが作成されたら、Messaging APIの設定に進みます。

• チャネルアクセストークンの発行: チャネルアクセストークンは、Messaging APIでメッセージの送受信を行う際に必要なトークンです。「チャネルアクセストークン」セクションにある「発行」ボタンをクリックして、トークンを発行します。

このトークンは、サーバーサイドでLINE APIを呼び出す際に使用します。発行されたトークンは忘れずに保存しておいてください。

5. Webhookの設定

Webhookは、LINEからのメッセージやイベントを受信するためのURLです。サーバー側でWebhookを設定することで、LINE Botにメッセージが送信されたときにサーバー側に通知を受け取ることができます。

• Webhook設定: 「Webhook URL」にサーバーのURLを入力します。Webhook URLには、LINEのイベント通知が送られてきます。
• 例: https://your-server.com/webhook
• Webhookの利用を有効にする: Webhookを有効にするため、設定画面の「Webhook利用」の項目を「有効」に切り替えます。

6. Botの動作確認

LINEの公式アカウントにBotを登録してテストします。

• QRコードで友達追加: 作成したBotアカウントのQRコードを読み取って、自分のLINEに追加します。
• メッセージ送信テスト: 友達追加後、Botにメッセージを送信し、設定したWebhook URLにリクエストが送られているか確認します。

7. メッセージ送信の実装

APIを使ってメッセージを返信するコードを実装する例を紹介します。

const express = require('express');
const bodyParser = require('body-parser');
const axios = require('axios');
const app = express();

app.use(bodyParser.json());

const CHANNEL_ACCESS_TOKEN = 'YOUR_CHANNEL_ACCESS_TOKEN';

// LINE Webhookエンドポイント
app.post('/webhook', (req, res) => {
    const events = req.body.events;

    if (events && events.length > 0) {
        const message = events[0].message.text;
        const replyToken = events[0].replyToken;

        replyMessage(replyToken, message);
    }

    res.sendStatus(200);
});

// メッセージを返信する関数
const replyMessage = (replyToken, message) => {
    const lineReplyUrl = '<https://api.line.me/v2/bot/message/reply>';
    const headers = {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${CHANNEL_ACCESS_TOKEN}`
    };

    const body = {
        replyToken: replyToken,
        messages: [{ type: 'text', text: `あなたのメッセージ: ${message}` }]
    };

    axios.post(lineReplyUrl, body, { headers })
        .then(response => {
            console.log('メッセージが送信されました。');
        })
        .catch(error => {
            console.error('メッセージ送信エラー: ', error);
        });
};

// サーバーの起動
app.listen(3000, () => {
    console.log('LINE Botサーバーがポート3000で稼働中');
});

8. まとめ

• LINE Developersに登録してプロバイダーを作成。
• Messaging APIチャネルを作成し、チャネルアクセストークンとWebhook URLを設定。
• LINE Botを友達追加して動作確認を行う。

この手順を行うことで、基本的なLINE Botを構築し、メッセージの送受信ができるようになります。

LINEでコメントが書かれたら、Trelloのボードに自動的にカードを追加するには、LINE Messaging APIとTrello APIを組み合わせて使用する必要があります。以下のステップに従って構築できます。

1. Trello API Key & Token の取得

まずはTrelloのAPIキーとトークンを取得します。

• TrelloのAPIキー取得ページにアクセスし、APIキーを取得。
• 次に、「Click here to request a token」をクリックして、個人用のトークンも取得してください。

2. LINE Messaging APIの設定

• LINE Developersにログインして、Messaging APIチャンネルを作成します。
• Webhook URLを設定する部分があるので、LINEがメッセージを受け取る際にこのURLにリクエストを送信するように設定します。

3. Webhookの設定

LINEがメッセージを受信すると、指定したWebhook URLにPOSTリクエストが送信されるので、サーバーを立ててそのリクエストを受け取り、Trelloにカードを作成するリクエストを送る必要があります。

4. サーバーの構築

Node.jsを使った例を以下に示しますが、他の言語でも同様の手順が可能です。

必要なパッケージのインストール

npm init -y
npm install express axios body-parser

index.js の作成

const express = require('express');
const bodyParser = require('body-parser');
const axios = require('axios');
const app = express();

app.use(bodyParser.json());

// LINE Webhook URLのエンドポイント
app.post('/webhook', async (req, res) => {
    const events = req.body.events;

    if (events && events.length > 0) {
        // LINEのメッセージ内容を取得
        const message = events[0].message.text;

        // Trelloにカードを追加
        await createTrelloCard(message);
    }

    res.status(200).send('OK');
});

// Trello APIを使ってカードを作成
const createTrelloCard = async (message) => {
    const TRELLO_API_KEY = 'YOUR_TRELLO_API_KEY';
    const TRELLO_TOKEN = 'YOUR_TRELLO_TOKEN';
    const BOARD_ID = 'YOUR_BOARD_ID';
    const LIST_ID = 'YOUR_LIST_ID'; // カードを追加するリストID

    try {
        const url = `https://api.trello.com/1/cards`;
        const params = {
            key: TRELLO_API_KEY,
            token: TRELLO_TOKEN,
            idList: LIST_ID,
            name: message, // LINEのコメントをカードの名前に
        };

        const response = await axios.post(url, {}, { params });
        console.log('Trello card created:', response.data);
    } catch (error) {
        console.error('Error creating Trello card:', error);
    }
};

// サーバーの起動
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
    console.log(`Server running on port ${PORT}`);
});

必要な環境変数

• YOUR_TRELLO_API_KEY: Trello APIキー
• YOUR_TRELLO_TOKEN: Trelloのトークン
• YOUR_BOARD_ID: TrelloボードのID
• YOUR_LIST_ID: TrelloリストのID

5. サーバーをデプロイ

HerokuやVercel、Google Cloud Functionsなど、任意のクラウドプラットフォームにデプロイして、LINE Messaging APIのWebhook URLとして登録できるようにします。

6. LINE Developers ConsoleでWebhook URLを設定

デプロイしたサーバーのURLを、LINE Developers ConsoleのWebhook設定に登録します。

7. テスト

LINEにコメントを送信して、指定のTrelloボードにカードが追加されるか確認します。

これで、LINEでコメントを受け取るたびにTrelloボードにカードを追加する仕組みが完成します。

HerokuにNode.jsアプリをデプロイするための手順を以下に示します。これにより、LINE Messaging APIとTrelloを連携させるサーバーをHerokuに構築できます。

手順

1. Heroku CLIのインストール

まず、HerokuにアプリをデプロイするためにHeroku CLIをインストールする必要があります。

• Heroku CLI インストールガイドに従って、CLIをインストールしてください。

2. Herokuにログイン

CLIを使ってHerokuにログインします。

heroku login

ログイン後、Herokuのダッシュボードがブラウザで表示され、ログイン情報を入力するよう求められます。

3. Node.js プロジェクトのセットアップ

プロジェクトディレクトリを作成し、前述のコードを使用してアプリを作成します。

mkdir line-trello-webhook
cd line-trello-webhook

index.js ファイルを作成して、前述のサーバーコードを貼り付けます。

4. package.json を用意

Herokuにデプロイするには package.json ファイルが必要です。以下のコマンドで自動生成できます。

npm init -y

その後、生成された package.json に以下を追加して依存パッケージを指定します。

{
  "name": "line-trello-webhook",
  "version": "1.0.0",
  "description": "LINEからTrelloにカードを追加するWebhook",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "dependencies": {
    "axios": "^0.21.1",
    "body-parser": "^1.19.0",
    "express": "^4.17.1"
  }
}

次に、依存関係をインストールします。

npm install

5. Gitリポジトリの初期化

Herokuにアプリをデプロイするには、Gitが必要です。以下のコマンドでリポジトリを初期化します。

git init
git add .
git commit -m "Initial commit"

6. Herokuアプリの作成

Herokuに新しいアプリを作成します。

heroku create

これでHerokuにアプリのURLが割り当てられ、ローカルプロジェクトとHerokuがリンクされます。

7. 環境変数の設定

HerokuにAPIキーやトークンなどの環境変数を設定します。以下のコマンドで設定できます。

heroku config:set TRELLO_API_KEY=your_trello_api_key
heroku config:set TRELLO_TOKEN=your_trello_token
heroku config:set BOARD_ID=your_trello_board_id
heroku config:set LIST_ID=your_trello_list_id

your_trello_api_key などは、それぞれTrelloから取得したAPIキーやトークンに置き換えてください。

8. Herokuにデプロイ

以下のコマンドでアプリをHerokuにデプロイします。

git push heroku master

9. Webhook URLの設定

Herokuのアプリがデプロイされたら、アプリのURLが表示されます。このURLをLINE Developers ConsoleのWebhook設定に登録します。例として、HerokuのURLが https://your-heroku-app.herokuapp.com であれば、LINEのWebhook設定にこのURLを登録します。

10. LINE Messaging APIのWebhook検証

LINEにコメントを送信し、Trelloボードにカードが追加されるか確認します。

11. ログ確認 (必要に応じて)

Herokuでアプリのログを確認するには、以下のコマンドを使います。

heroku logs --tail

これで、LINEコメントを受信した際にTrelloボードに自動的にカードを追加する仕組みがHeroku上で動作します。