Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/unyacat/discordspammingbutton
🎮 Web app for sending favorite texts instantly to Discord 🌐
https://github.com/unyacat/discordspammingbutton
discord firebase firebase-firestore pwa vue vue-router vuetify webhook
Last synced: 1 day ago
JSON representation
🎮 Web app for sending favorite texts instantly to Discord 🌐
- Host: GitHub
- URL: https://github.com/unyacat/discordspammingbutton
- Owner: unyacat
- License: mit
- Created: 2020-03-25T05:00:51.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T11:23:58.000Z (almost 2 years ago)
- Last Synced: 2023-03-05T19:52:05.614Z (almost 2 years ago)
- Topics: discord, firebase, firebase-firestore, pwa, vue, vue-router, vuetify, webhook
- Language: Vue
- Homepage:
- Size: 3.67 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DiscordSpammingButton
## これはなに
Webhook を利用して Discord に定型文を送ることができる Web アプリです．
Cloud Firestore を利用しているのでリアルタイムで編集可能な上 Firebase Hosting によりサーバー不要で動きます．
PWA 対応で Android ではアプリのような挙動が可能です．
## 動作
サンプルは[こちら](https://dark-pub.web.app/)
## How to build
1. Clone する
```console
$ git clone https://github.com/unyacat/DiscordSpammingButton.git
```
```console
$ cd DiscordSpammingButton
```
1. パッケージインストール
```console
$ npm install
```
1. 諸設定
.env_sample をコピーして .env として保存します．
メモ帳などで開きます．
Discord から Webhook URL を取得し貼り付けます．
1. Firebase の設定
1. [Firebase](https://firebase.google.com/?hl=ja)を利用します．
使ってみる > プロジェクトの作成 > アナリティクスは適当に
1. (左)開発 > Database > Cloud Firestore > 使ってみる
全部デフォルトで次へ
1. (左上)⚙ > Setting > マイアプリ > ">"
適当な名前をつけて全部次へ
1. Setting > Firebase SDK snippet > 構成
.env に変数を適切な場所に貼り付けます．
1. firebase とプロジェクトを紐づける
```console
$ npm install firebase-tools
```
```console
$ firebase login
```
Google 認証を行う
```console
$ 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
```
1. Build & Deploy
```console
$ npm run build
```
```console
$ firebase deploy
```
出力された URL に Deploy されます．