ngrokでslackとwebをhookする
はじめに
いなたつアドカレの十八日目の記事です。
slackやlineなどで遊ぶときにwebhookを使う際にいちいちVPSやらherokuにいちいち開発中にデプロイするのは面倒ですよね。。。
ngrokを使って、開発を楽にする方法です。
ngrokのインスコ
$ brew cask install ngrok
brewでいれちゃいましょう。言うことないですね。
slackの設定
このSlash CommandsをSlackに追加します。
Slash Commandsの設定画面に
- コマンド
- URL
- メソッド
- トークン
- 名前をカスタマイズ
などなど設定項目があるかと思います。
今回最低限必要となるのは、上の2つのコマンドとURLになります。
コマンドに\hoge
と入力すると、その投稿をコマンドとしてSlackが認識してくれます。
そして、その受け取りをwebでhookして(謎)URLで指定している箇所にぶっとばしてくれます。
では、指定するためのURLを生やしましょう
ngrokを起動する
$ ngrok http 3000
これで、localhost:3000をIPとして公開することができます
connectingとなっているのがonlineに変わると公開できているということになります。
Web Interface http://127.0.0.1:4040
とかいてあります、4040ポートでngrokを監視するページが展開されています
localhost:4040にアクセスするとこんな感じです。
Forwarding http://ae2d3823.ngrok.io -> http://localhost:3000
Forwarding https://ae2d3823.ngrok.io -> http://localhost:3000
とあり、このアドレスに自分のlocalhost:3000がフォワーディングされていることをしめしています。
このhttps://ae2d3823.ngrok.io
をSlashCommandsのURLの蘭に入力することで、無事に/hoge
をつけた投稿がhttps://ae2d3823.ngrok.io
つまりlocalhost:3000
に転送されるということです。
これを活用することで、簡易的にwebhookを用いたbot開発が行えます。
おわりに
最終的なデプロイはちゃんとしたところにしようね
Author And Source
この問題について(ngrokでslackとwebをhookする), 我々は、より多くの情報をここで見つけました https://qiita.com/inatatsu_csg/items/046cee07b023634897d6著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .