SlackのIncomingWebhooksとOutgoingWebhooksを使って電子工作と連携させてみよう
•
1 like•3,394 views
SlackにあるIncomingWebhooksとOutgoingWebhooksのIntegrationを使ってRaspberryPiと連携させます。
Report
Share
SlackのIncomingWebhooksとOutgoingWebhooksを使って電子工作と連携させてみよう
- 1. Slackの Incoming Webhooksと Outgoing Webhooksを 使って電子工作と連携させてみよう！ 第15回まどべんよっかいち発表資料 2016/07/23 @ueponx
- 9. Webサービスの連携（２） Microsoft Flow Microsoftが作ったWebサービス連携 ベースはOffice365（サービス利用だけ） Businessよりサービスが多い まだ発展途上なイメージ 連携サービスの中には「Slack」も
- 12. Slackが提供している代表的なIntegration Incoming WebHooks Slackが発行するURLへPOSTするとSlackにメッセージが投 稿される。 Outgoing WebHooks Slackへ指定したキーワードのついたメッセージが投稿さ れると、指定したURLに投稿内容がPOSTされる。 （POST されるサーバ・システムを実装する必要あり）また、決 められた形式（json）のレスポンスを返すことで同時に Slack上へ投稿することも可能。 Slack API メッセージの投稿に加え、ファイルのアップロード・ チーム情報やチャンネル情報の取得等が利用可能。細か な連携を行う人向け。 Slackbot 「Incoming WebHooks」の簡易版 Slackでは他のWebサービスを連携する機能をSlack Integrationsと呼びます。 提供されているIntergration以下のようなものがあります。（その他もあり）
- 14. Incoming Webhooksとは？ 設定時に登録するURL（Slack側で提供される）にJSONデータをPOST （HTTP）するとJSONデータに含まれるテキストデータがSlackChannel上に 書き込まれる。 JSONの形式は パラメータ名 概要 text メッセージ（必須） username 投稿者（サービス）名 icon_url 投稿者名のアイコン画像のURL icon_emoji 投稿者名のアイコン channel 「#」または「@」から始まるChannel名 基本的にはtextパラメータだけでも大丈夫！
- 16. 今回作成するBotについて
- 25. C#でコーディング 【usingや処理に関連性の低い部分は略】 // Slackで設定時に表示されたURL（xxxxxxxxxxxxxxxxxxは適宜変更してください） static readonly string URI = "https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxx"; var client = new HttpClient(); var param = new Hashtable(); param["text"] = "来週の仮面ライダーゴースト～♪"; var serializer = new JavaScriptSerializer(); var json = serializer.Serialize(param); var content = new StringContent(json); var response = client.PostAsync(URI, content).Result; Console.WriteLine(response); JSONデータの生成 Slackへ送信
- 26. Python（RaspberryPi上）でコーディング > import slackweb > slack = slackweb.Slack(url="https://hooks.slack.com/services/xxxxxxxxxx") > slack.notify(text="来週の仮面ライダーゴースト～♪") $ sudo pip install slackweb 【コーディング】 PythonのCLIで以下のように入力すると簡単にテスト可 【事前準備】 Pythonは便利なライブラリslackwebをインストール 何言ってるのかわからないぐらい簡単に実装ができます。
- 28. Outgoing Webhooksとは？ Slack上にキーワードのついたメッセージが投稿されると、指定した URL（ユーザ側でサーバなどを準備）に投稿の内容がPOST（HTTP）さ れる。 POSTされたURLからJSONデータのレスポンスを返すことで、 Slack上へ投稿することも可能。JSONの形式はIncoming Webhooksと同 様（前のページ参照）。 サーバに送信されるPOSTされたデータは以下（JSON形式ではないので注意） token team_id channel_id channel_name timestamp user_id user_name text trigger_word
- 29. Outgoing Webhooksは 書込みをトリガーにして動作ができる。 その結果・成果をSlackに返すこともできる。 IFTTTでも提供されていない機能 電子工作側で処理トリガーを送ることも可能
- 30. 今回作成するBotについて
- 33. ヨロイ元帥とは・・・
- 43. PythonでOutgoing Webhooks用サーバを 作成（RaspberryPi python2.7系を使用） #【続き】 responseValue = ‘テスト' self.send_response(200) self.send_header('Content-type', 'text/json') self.end_headers() responseData = json.dumps({'text': responseValue}) self.wfile.write(responseData.encode('UTF-8')) port = 8888 serverAddress = ('', port) httpd = BaseHTTPServer.HTTPServer(serverAddress, handler) print('serving at port', port) httpd.serve_forever() #!/usr/bin/env python # -*- coding: utf-8 -*- import SimpleHTTPServer import BaseHTTPServer import cgi import os import json class handler(SimpleHTTPServer.SimpleHTTPRequestHandler): def do_POST(self): os.environ['REQUEST_METHOD']= 'POST' datas = cgi.FieldStorage(self.rfile, self.headers) #【続く】 SimpleHTTPServerの POSTメソッドをオーバーライド
- 44. PythonでOutgoing Webhooks用サーバを 作成（ RaspberryPi python2.7系を使用） #【続き】 responseValue = ‘テスト' self.send_response(200) self.send_header('Content-type', 'text/json') self.end_headers() responseData = json.dumps({'text': responseValue}) self.wfile.write(responseData.encode('UTF-8')) port = 8888 serverAddress = ('', port) httpd = BaseHTTPServer.HTTPServer(serverAddress, handler) print('serving at port', port) httpd.serve_forever() #!/usr/bin/env python # -*- coding: utf-8 -*- import SimpleHTTPServer import BaseHTTPServer import cgi import os import json class handler(SimpleHTTPServer.SimpleHTTPRequestHandler): def do_POST(self): os.environ['REQUEST_METHOD']= 'POST' datas = cgi.FieldStorage(self.rfile, self.headers) #【続く】 JSONを生成・Slackへ返信する
- 45. PythonでOutgoing Webhooks用サーバを 作成（ RaspberryPi python2.7系を使用） #【続き】 responseValue = ‘テスト' self.send_response(200) self.send_header('Content-type', 'text/json') self.end_headers() responseData = json.dumps({'text': responseValue}) self.wfile.write(responseData.encode('UTF-8')) port = 8888 serverAddress = ('', port) httpd = BaseHTTPServer.HTTPServer(serverAddress, handler) print('serving at port', port) httpd.serve_forever() #!/usr/bin/env python # -*- coding: utf-8 -*- import SimpleHTTPServer import BaseHTTPServer import cgi import os import json class handler(SimpleHTTPServer.SimpleHTTPRequestHandler): def do_POST(self): os.environ['REQUEST_METHOD']= 'POST' datas = cgi.FieldStorage(self.rfile, self.headers) #【続く】 ポート番号8888でアクセスを待ち受ける。
- 46. ヨロイ元帥botに改造する…
- 47. ヨロイ元帥botを作る #!/usr/bin/env python # -*- coding: utf-8 -*- import SimpleHTTPServer import BaseHTTPServer import cgi import os import RPi.GPIO as GPIO import time import json seconds = 5 class handler(SimpleHTTPServer.SimpleHTTPRequestHandler): def do_POST(self): os.environ['REQUEST_METHOD']= 'POST' datas = cgi.FieldStorage(self.rfile, self.headers) GPIOを使う設定を追記
- 48. ヨロイ元帥botを作る token = datas.getvalue('token', '') service_id = datas.getvalue('service_id', '') text = datas.getvalue('text', '') user_name = datas.getvalue('user_name', '') print token print service_id print text GPIO.setmode(GPIO.BCM) GPIO.setup(17, GPIO.OUT) GPIO.output(17, GPIO.HIGH) time.sleep(seconds) GPIO.output(17, GPIO.LOW) GPIO.cleanup() GPIO 17pinをHI/LOWにする処理
- 49. ヨロイ元帥botを作る print user_name + ' 裏切り者は殺す。デストロンを代表して。ヨロイ元帥' responseValue = user_name + ' 裏切り者は殺す。デストロンを代表して。ヨロイ元帥' self.send_response(200) self.send_header('Content-type', 'text/json') self.end_headers() responseData = json.dumps({'text': responseValue}) self.wfile.write(responseData.encode('UTF-8')) port = 8888 serverAddress = ('', port) httpd = BaseHTTPServer.HTTPServer(serverAddress, handler) print('serving at port', port) httpd.serve_forever() JSONデータのレスポンス 書き込んだユーザを取り出して メッセージを追記
- 50. 実行の様子