Glitchを使ってDiscordBotを動かしてみる[2019/7/7最新版]

どうもこんにちは、久しぶりです。
今回は無料でNode.jsのアプリケーションを稼働できるサイト,[Glitch](https://glitch.com/)を使ってDiscordのBOTを動かしてみよう、という内容です。
これは[@allegrogiken](https://qiita.com/allegrogiken)さんの｢Glitchを使ってNode.js製Discord Botを動かしてみる｣(https://qiita.com/allegrogiken/items/f437c5e89aeabc587a96) を最新版にした記事です。

#はじめに
まずは[Developer Portal](https://discordapp.com/developers/applications/)でトークンを取得しましょう。

##トークンの取得方法

まず上の[Developer Portal](https://discordapp.com/developers/applications/)にアクセスします
![Screenshot-2019-7-7 Discord Developer Portal — API Docs for Bots and Developers.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/ce413307-e86c-9740-c4ac-7a39cadd58cc.png)
この画面が出てきたら、![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/e779ada4-38ed-e90a-c9f6-184c0d0e75a4.png)を押します。
そうしたら
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/7c82dee9-6a56-ea1c-93d7-905a927e99a2.png)
この画面が出ると思うので![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/207543ac-355e-237d-79bd-49e73a53334d.png)でbotの名前を決めます。
![Screenshot-2019-7-7 Discord Developer Portal — API Docs for Bots and Developers(1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/6a5e589a-78d0-7c1a-27ac-a428e44fe834.png)
Createを押したら、この画面になると思うので![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/ceb82708-9498-a30a-7f19-fda95ef15599.png)に行って![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/28ed45fb-cb31-debe-58fc-62a2d0563670.png)の![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/3fdc22fd-ebf7-9f92-5a45-f4ed2dd7d093.png)を押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/5a07f2c2-5d2d-0e80-86fa-b2cea10a870d.png)
この画面が出るので![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/0be42dfb-96b7-2729-1fb2-0c56cd2fbb37.png)を押してbotユーザーを作ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/97b403f2-8cd0-8f7a-0803-e8a383631aeb.png)
そしたらこの画面が出るので![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/ebc6368e-57ab-d476-b0fd-98e220f67373.png)のCopyをしてメモ帳にメモしましょう。

**※注意**
トークンを漏らしてしまうと悪用されてしまうので人に見つからない場所に保管しましょう。

#本題
Glitchのアカウントはgoogle、githubから作れるのでここでは省きます。

##botのセットアップ
まず[ここ](https://glitch.com/~discordbot-example-js)にアクセスします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/71847e2a-261a-fe37-4bf9-eac0c6e3c482.png)
アクセスしたらこのサイトに飛ぶと思うので、![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/14393f2b-7d21-112a-c412-fd01cf35e949.png)をおします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/3bdb0b0f-baf2-786d-6872-8167a08dd744.png)
この画面になったら、先程メモ(コピー)したトークンを![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/d1bd8c13-75e0-7933-1099-a7552cdc060b.png)のDISCORD_BOT_TOKEN=にペーストします。

##botの招待
[Developer Portal](https://discordapp.com/developers/applications/)に戻って先程作ったbotアカウントにいきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/a75c6d8d-db12-d44c-cd54-7c8e171c2c1f.png)
このページに行き、![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/c6e9f8c4-bf42-9d48-1275-9a11f35712f3.png)に行きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/aaa859c0-195c-aa1c-80df-c41c1de10922.png)
この画面に行き、![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/42623826-afda-7c12-107c-ace5a5e44b28.png)をチェックを入れ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/50544cce-bdf8-7c2b-a03a-904b8fec6df9.png)
メッセージを送信にチェックを入れ、![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/3598bae8-a0ab-970a-1fc7-f08602d59012.png)を押して
アドレスバーに貼り付けします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/396596/00ca902a-c5e2-3b9b-06cc-ef7be39d9b26.png)
この画面が出るので自分のサーバーを選択し、｢認証｣を押し、認証したらサーバーにbotが来ます。

##botの動作確認
｢!ping｣を打つと、botが｢pong!｣と返します。
｢!echo <好きな文字>｣で好きな文字を返します。


#終わりに
ちょっと説明の仕方が変なのは許してください。
UpTimeRobotで24時間やる方法はいつか出します、すみません