初期手順をよく忘れて、都度調べてるのでメモ程度に
Create React App
npx create-react-app app-name --typescript
Firebase toolを入れておく
npm install -g firebase-tools
ログインしておく
firebase login
Firebaseのプロジェクトを作成
コンソール画面で新しいアプリを追加。
データベースからCloud Firestoreを使えるようにしておく。リージョンはASIA-NORTHEAST1。
FIrebaseの設定
firebase init
Which Firebase CLI features do you want to setup for this folder Hosting: Configure and deploy Firebase Hosting sitesをスペースキーで選択してリターン Select a default Firebase project for this directory webで作成しておいたprojectを選択 What do you want to use as your public directory? public (何も入力せずリターン) Configure as a single-page app (rewrite all urls to /index.html) Y File public/index.html already exists. Overwrite n
Firestoreコンソール
Web Appの追加をしてkeyなどを取得
index.tsxに以下を追加
import * as firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";
// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "xxxxxxxxxxxxxxxxx",
authDomain: "xxxxxxxxxxxxxxxxx.firebaseapp.com",
databaseURL: "xxxxxxxxxxxxxxxxx.firebaseio.com",
projectId: "xxxxxxxxxxxxxxxxx",
storageBucket: "xxxxxxxxxxxxxxxxx",
messagingSenderId: "xxxxxxxxxxxxxxxxx",
appId: "xxxxxxxxxxxxxxxxx"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
準備はひとまずこれでOK