SlackのTogetter風アプリ「Togelack」をHerokuにデプロイする

Posted at 2015-12-21

前回までのあらすじ

Togetter的な社内Slackまとめサイトをつくった話 - Qiita

紹介の記事は書いたけどデプロイ方法がどこにも書いてなかった。¹
今回はHerokuにデプロイをする手順をまとめます。

Herokuにデプロイをする前に準備する

事前準備1：Herokuのアカウントを用意する

インターネットで調べてください

事前準備2：SlackのAPIキーを発行する

https://api.slack.com/web#authentication

上のページで発行できます。まだ一度も発行してない場合は「Create token」という緑のボタンがあるので押してください。
赤字で表示されてる xoxp-xxxxxxxxxxxxxxx みたいな文字列がAPIキーです。なんでもできて危ないので大事にしてね。

事前準備3：Slackのアプリケーションキーを発行する

https://api.slack.com/applications

Twitterのアプリケーション登録みたいなやつです。
上のページから「Create a new application」ボタンで新規作成ができます。

「App Name」などそれぞれの項目は自由に埋めていただければ大丈夫です。
ただし、一番最後の「Redirect URI(s)」の欄は必ず

デプロイする予定のURL/auth/slack/callback

で登録してください。 https://togelack-demo.herokuapp.com にデプロイするなら https://togelack-demo.herokuapp.com/auth/slack/callback です。
ここをちゃんと設定しないと、ログインしようとしてもSlackちゃんが激おこになってログインできません。

Herokuにデプロイを始める

事前準備は以上なのでさっそくデプロイを始めます。

rutan/togelack

とはいえ、上記ページのREADMEにHerokuボタンが付いているのでポチっとすると各種、設定入力画面に行って各種入力をするだけでデプロイ完了です。Herokuボタンべんり。

SLACK_TOKEN

さっき発行したAPIキーを入力してください。
主にカスタム絵文字の取得とかのために使ってます。

SLACK_CLIENT_ID / SLACK_CLIENT_SECRET

先ほど作成したSlackのアプリトークンを入力してください。

SLACK_CLIENT_IDが左のやつ、SLACK_CLIENT_SECRETが右のやつです（Showボタンを押すと表示されるよ）

SLACK_TEAM_ID / SLACK_TEAM_NAME

TEAM_ID: Slackの内部的なチームID
TEAM_NAME: xxxx.slack.com のxxxx部分

チームIDの確認はSlackのAPIを叩くとわかります。
めんどくさい！という方はSlack公式の↓のページにアクセスするとWeb上からAPIを実行できるので、チーム名を選択して送信ボタンを押すとチーム名がわかります。

team.info method | Slack

{
    "ok": true,
    "team": {
        "id": "T02ENE13K",   // ← チームIDはここの部分だよ
        "name": "toripota",  // ← チーム名はここの部分だよ
        "domain": "toripota",
    ...