LoginSignup
0
0

More than 3 years have passed since last update.

【Slack】webhookを使って見た(備忘録)

Posted at

どうもwebエンジニアなりたく勉強中です。
Qiita初投稿ということもあり使い方がいまいちわかってません。
色々教えて頂ければと思います。
今Reactを使ってchatbotを作成中で問い合わせがきた時にslackに通知する仕様が作りたいと思い、忘れないうちにアウトプットしていきたいと思います。

通知文の作成

const payload = {
text : '新しい通知がきました'
}

textのvalue側に任意のコメントを挿入することで通知時にそのコメントが表示されます。
例えばstateに記載あるkeyを設定すればフォーム入力された値がslackに表示される!!

fetchでwebhookを取得する

webhook取得方法は以下記事を参照しました
https://www.sejuku.net/blog/74471

ここでは取得方法は割愛します。

const url = '取得したURL'
const options = {
method : "POST",
body : JSON.stringify(payload)

fetch(url,options);
alert('送信が完了しました');

最後にはフォームの初期化をしてダイアログをfalseにすれば完了。

エンジニアになれるように引き続き頑張っていきたいと思います!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0