DiscordSpammingButton

これはなに

Webhook を利用して Discord に定型文を送ることができる Web アプリです．
Cloud Firestore を利用しているのでリアルタイムで編集可能な上 Firebase Hosting によりサーバー不要で動きます．
PWA 対応で Android ではアプリのような挙動が可能です．

動作

サンプルはこちら

How to build

1. Clone する

   $ git clone https://github.com/unyacat/DiscordSpammingButton.git

   $ cd DiscordSpammingButton

2. パッケージインストール

   $ npm install

3. 諸設定 .env_sample をコピーして .env として保存します． メモ帳などで開きます． Discord から Webhook URL を取得し貼り付けます．

4. Firebase の設定

   1. Firebaseを利用します．
      使ってみる > プロジェクトの作成 > アナリティクスは適当に

   2. (左)開発 > Database > Cloud Firestore > 使ってみる 全部デフォルトで次へ

   3. (左上)⚙ > Setting > マイアプリ > "</>"
      適当な名前をつけて全部次へ

   4. Setting > Firebase SDK snippet > 構成 .env に変数を適切な場所に貼り付けます．

5. firebase とプロジェクトを紐づける

   $ npm install firebase-tools

   $ firebase login

   Google 認証を行う

   $ firebase init
   
   Which Firebase CLI...
   > Firestore
   > Hosting
   
   First, let's associate this project directory...
   > (さっき作ったプロジェクト名)
   
   What file should be used for Firebase Rules?
   > (そのまま Enter)
   
   File firestore.rules already...
   > No
   
   What file should be used for Firestore indexes?
   > (そのまま Enter)
   
   Configure as a single-page app
   > Yes
   
   File firestore.indexes.json already...
   > No
   
   What do you want to use as your public directory?
   > dist

6. Build & Deploy

   $ npm run build

   $ firebase deploy

   出力された URL に Deploy されます．