ReactからSlackへ通知 (original) (raw)

Next.jsを使っているReactのWebアプリ内からとあることをしたときに、特定のSlackに通知を飛ばしたい。Incoming Webhooksを使うらしい。

webhookのURLの取得の仕方は、Slack Appを作ってIncoming Webhookの有効化をする方法と、すでに作られているIncoming WebhookというSlackApp?を使う方法の２種類作成の仕方があるっぽいが、どちらでも大丈夫だった。

後者のほうが簡単。

後者のやり方

前者の方法だとつまりポイントが２か所あった。

以下の記事で解決した。

この記事の通りにやったらnpm run dev（ローカル実行）ではうまくいった。

webhookのURLを発行して、env.localにそのURL書いて、サーバーアクション

npm run devではうまくいったが、buildすると

Server Actions are not supported with static export.

とエラーが出る。

next.config.mjsに書いた

output: "export",（静的エクスポート）

と併用できないらしい。

静的エクスポートはしたいのでserver actionは使えないかな・・・？

apiを使う方式。

この記事だけではわからなかったが、S3に静的なNext.jsのビルドを置く場合は、api部分をS3の中に含めても動かない。環境変数とかもEC2とかに置く

なんやかんやで動いた。