0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

FirebaseをReact アプリにつなげる方法 1

Last updated at Posted at 2020-08-21

Firebase Console にログイン

Google Accountがあれば、誰でもログインできます。

Screen Shot 2020-08-21 at 10.22.57.png

Add project
をクリック

Step 1

プロジェクトの名前を入力して、"Continue"
Screen Shot 2020-08-21 at 10.25.52.png

Step 2

Screen Shot 2020-08-21 at 10.27.09.png

Step 3

Create project
をクリックして、完了。
Screen Shot 2020-08-21 at 10.27.53.png

Continue
をクリック
Screen Shot 2020-08-21 at 10.28.42.png

すると、プロジェクトが作成される。
Screen Shot 2020-08-21 at 10.30.30.png

App を追加する。

Web iconをクリック (添付画像の女性イラストの左側に iOS, Android, >とあり、>をクリック)
をクリック

  1. AppのNicknameをつけて、チェックボックスをチェックして、

Register app
をクリック
Screen Shot 2020-08-21 at 10.33.31.png

  1. Add Firebase SDKはそのままにしておき、
    Next
    をクリック
    Screen Shot 2020-08-21 at 10.35.24.png

  2. Install Firebase CLI

npm install -g firebase-tools
(これはもしこれまでにinstallしていなかったら、しておく必要あり。)

Next
をクリック

Screen Shot 2020-08-21 at 10.37.42.png

  1. Deploy to Firebase Hosting

ここは、今は何もしなくても良い。(作成したAppを実際にDeployするときに必要な作業)
Continue to console
をクリック
Screen Shot 2020-08-21 at 10.38.11.png

さっきの画面で、amazon-cloneの下に、
</> amazon-cloneが作成されていれば、完了
Screen Shot 2020-08-21 at 10.39.43.png

以上です^^

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?