discord_clone_firebase

Overview

• Discord のReact + Firebase製クローンアプリ

Demo

Discordに似せたフィッシングサイトと判定されたため停止中

Setup

本アプリをビルドするためにはFirebaseプロジェクトの設定が必要です。

1. Firebaseコンソールより、プロジェクトを作成します。
2. 作成したプロジェクトにwebアプリケーションを登録します。
3. Firebaseのコンソールで生成した秘密鍵ファイル(.json)を src/config/firebaseConfig.json として配置します。
4. .firebaserc.sample を参考に .firebaserc を作成し、"your_app_name" をFirebaseのプロジェクトIDに書き換えます。

以上でセットアップは完了です。

Develop

yarn start

アプリを開発モードにてビルドします。 http://localhost:3000から確認できます。

yarn build

アプリを本番モードにてビルドし、build ディレクトリに配置します。

yarn deploy

build ディレクトリをFirebase Hostingにデプロイします。

Cors対応について

アプリ内で画像を表示する/ファイルをダウンロードする際、Firebase StorageのCorsの設定によって正常に動作しない場合があります。 samplecors.json 及び以下の記事を参考にFirebase StorageのCorsの設定を行ってください。

Firebase StorageにCORSの設定をする

License

MIT License