Slack&Lambdaでゴミ出し通知アプリ開発

業務でSlackを使用している人は多いでしょう。

僕は個人用でもリマインドアプリとして利用しています。

JavaScriptがわかれば作成できる内容となっているので、参考にしてみてください！

作成するアプリ

ゴミ収集の日付を通知するアプリを作成していきます。

主婦

ゴミの収集日ってすぐ忘れるよね。

不燃ごみや粗大ゴミは特に出しそびれる。。。

saku

Slackで、今日が何ゴミの日か通知すればいいじゃん！

身につくこと

Slackアプリ開発の基礎知識
Lambdaの基礎
Amazon EventBridgeの基礎

作成手順

Slack側の準備

まずはSlackのアカウントとワークスペース、通知させるチャンネルを用意してください。

Slack はニーズに応えるプロダクティビティプラットフォーム

Slack（スラック）は、チームとコミュニケーションを図るための新しい手段です。メールよりも速く、整理され、安全な方法で実現できます。

次に、Slack APIを作成していきます。下記にアクセスします。

Slack API: Applications | Slack

右上「Create New App」を選択。

「From scratch」を選択。

アプリ名とワークスペースを選択して「Create App」を押します。

Basic Informationに遷移したら、「Incoming Webhooks」を選択します。

右上のスイッチをOnにします。

Onにしたら、左メニューから「App Home」に移動します。

Editから、ボット名を作成します。

入力したらAddを押します。

追加できました！

左メニューから「Incoming Webhooks」に移動してください。

下までスクロールして、「Add New Webhook to Workspace」を押します。

投稿先のチャンネルを選択し、許可します。

Webhook URLが作成されています。

これでwebhookが有効になりました。

「Sample curl request to post to a channel:」

のコマンドをコピーします。

このコマンドを、ターミナルから実行します。

Slack側でチャンネルを見てみると、投稿されていますね！

これでSlack側の準備はOKです🥳

Lambdaから通知する

AWSのコンソールからLambdaを開きます。

https://ap-northeast-1.console.aws.amazon.com/lambda/home?region=ap-northeast-1#/functions

「関数の作成」を押下します。

関数名を入力。

他はデフォルトのままで、関数の作成をクリック。

作成できました。

下にスクロールし、コードソースのブロックでコードを編集します。

コードを貼り付けします。

import https from 'https';
export const handler = async (event) => {
    const url = process.env.SLACK_WEBHOOK_URL;
    const data = JSON.stringify({
      text: "仮の通知です。",
    });
    const options = {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
    };
    const promise = new Promise(function(resolve, reject) {
        const request = https.request(url,options, (res) => {
            resolve(res.statusCode);
          }).on('error', (e) => {
            reject(Error(e));
          });
        request.write(data);
        request.end();
    });
    return promise;
};

deployをクリック。

次に、環境変数を設定します。

「設定」のタブを選択し、左メニューから環境変数に移動します。

編集を押します。

キーは「SLACK_WEBHOOK_URL」、

値はSlack webhookのURLをコピーして貼り付けします👇

入力したら保存してください。

テストのタブに移動し、テストを押して実行してみます。

実行が成功しました。

Slackに「仮の通知です。」が投稿されていれば問題ありません。

イベントで通知を出し分ける

ここからは、通知の文言をゴミ出しの内容に変更していきます。

今回は

可燃ゴミ
不燃ゴミ
資源ごみ

を出し分けるように設定します。

Lambdaのテストタブからイベントを作成します。

イベント名とイベントJSONを入力し保存します。

不燃ごみと資源ごみのイベントも同様に作成します。

イベントJSONがLambdaの引数に渡ってくるので、この値を元にSlackの表示を分岐させます。

Lambdaのコードを編集します。

import https from 'https';
export const handler = async (event) => {
  const url = process.env.SLACK_WEBHOOK_URL;
  const data = JSON.stringify({
    text: event.type === "burnable" ? "🔥今日は可燃ゴミの日です🔥" :
      event.type === "unburnable" ? "🗑️今日は不燃ゴミの日です🗑️️" :
      "♻️今日は資源ゴミの日です♻️",
  });
  const options = {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
  };
  const promise = new Promise(function(resolve, reject) {
    const request = https.request(url, options, (res) => {
      resolve(res.statusCode);
    }).on('error', (e) => {
      reject(Error(e));
    });
    request.write(data);
    request.end();
  });
  return promise;
};

event.typeで、ゴミの種類を分岐させています。

この状態でSlackに通知を送ってみましょう。