先日導入した「独自のコメントシステム」ですが、せっかくコメントを頂いたのに数日間も全く気が付かない という大失態を犯しました。(アクシャンクスさんホンマにごめんなさい)
というわけで、今回Discordとの連携通知機能を実装しました!
実装の仕組み
今回のシステムは、以下のような技術スタックで構築しています。
- フロントエンド: Astro (React/TypeScript)
- データベース: Supabase
- 通知経路: Discord Webhook
仕組みは非常にシンプル
①コメントを投稿 ⇒
②バックエンド(API Route)がSupabaseにデータを保存 ⇒
③Discord Webhook URL(自前のDiscordサーバー)へ埋め込みデータを送信
スパム対策
- 連投制限: 投稿後、30秒間は投稿制限
- 文字数制限: 名前50文字、本文100文字
などなど
おわりに
今回の通知機能の実装によって、スムーズにお返事できるようになりました。
ぜひ、この記事の下にあるコメント欄からテストも兼ねてメッセージを送ってみて!
全部返事するから!
コメントもらってると思わんかったんです。。
もっと機能充実させていきたいです✌
Comments (0)
Loading...