yarn + firebase로 firebase init까지의 터미널 조작 (Firestore 선택)

프로그래밍 초보자이지만 연습이 되면 포트폴리오 사이트를 만들고 있습니다.
오늘 데이타베이스에 firebase를 채용하려고 했는데, 에러 투성이로 전혀 진행되지 않았으므로, 비망록이 쓰고 남겨 둡니다.

소개

이 사이트를 참고로 작품을 만들어 가려고 생각했습니다.
htps : // 코 m / 신 _ 타나카 /

아무래도 패키지를 관리하는 것이 필요하다는 것을 알고, 여러가지 조사해 npm과 yarn로 새로운 yarn을 선택했습니다. 최신 기술을 만지는 것이 중요합니다.

계속해서 이쪽의 사이트를 참고로 firebase의 도입을 진행해 갔습니다.
htps : // 코 m / 아 x_mht_ 코 / ms / 에 5cd95b8f2 아 2 아 3 세 656f

이번에는 로컬에 설치합니다.
우선

yarn add firebase-tools

까지는 잘 갔습니다만,

(결과)


이 다음 'firebase login'이 전혀 잘 안 갔다. (배경 키모하고 죄송합니다.)

갈망 포인트①

↓이 부분이군요.
``
$ cd [작업 폴더로 이동 (어디에서나 좋습니다)]
$ mkdir [좋아하는 이름으로]
$cd [작성한 디렉토리 안에]
$ firebase login (로컬에서는 머리에 yarn을 붙여야 할 것 같아서, 나는 yarn firebase login을 입력했습니다.)

Allow Firebase to collect anonymous CLI usage and error reporting information?
``
아래의 Allow~가 나오지 않고, command not found적인 녀석이 나왔습니다.

조사해 보면 패스가 다니지 않는다는 것.

export PATH=/usr/local/:Cellar/yarn/1.7.13:$PATH
PATH=$PATH:/Users/watanabedaisuke/.config/yarn/global/node_modules/.bin

어느 쪽이든 잘 갔다. (죄송합니다 ... 어느 쪽이 정답인지 기억하지 않습니다 ...)

패스가 통과 한 후

yarn add firebase-tools
yarn firebase login

에서 잘 갔다.
자동으로 브라우저가 시작되고,


로그인이 가능했습니다.

갈망 포인트②

계속해서, yarn firebase init 했습니다만, 여기도 초보자에게는 벽이 두꺼운 곳입니다.

 ◯ Database: Deploy Firebase Realtime Database Rules
 ◯ Firestore: Deploy rules and create indexes for Firestore
 ◯ Functions: Configure and deploy Cloud Functions
 ◯ Hosting: Configure and deploy Firebase Hosting sites
 ◯ Storage: Deploy Cloud Storage security rules

첫째, 이러한 옵션이 나옵니다. 어떻게 해야할지 전혀 모르겠지만,

・로그인한 사용자마다 프로필이 다른 포트폴리오 사이트를 만들고 싶다
· 사용자 정보를 저장하는 데이터베이스를 firebase가 담당합니다.

이러한 목적이 있었기 때문에 Firestore 또는 Database로 좁혀졌습니다.
Firestore 쪽이 새롭고, 고기능이라고 하기 때문에 전자를 선택했습니다.

망설임 포인트③

Qiita에서 firebase 도입의 기사는 많이 있습니다만, 모두 Hosting을 선택한 기사였기 때문에 여기에서 꽤 어색했습니다 😂

처음에

? Select a default Firebase project for this directory:

되는 질문이 날 수 있습니다.

여기서는 "프로젝트를 아직 작성하지 않은 사람"은 "Create a new project", "프로젝트를 이미 작성하고 있는 사람"은 "Use an existing project"입니다.

※저는 브라우저상에서 이미 프로젝트를 만들고 있었습니다만, 그것을 잊어 Create a new project를 선택하고 있었으므로 전혀 진행되지 않았습니다・・・

(이 화면에 이미 프로젝트가 있다면 Use an existing project를 선택합시다.)

그러면

? Select a default Firebase project for this directory:

되어 이미 존재하는 프로젝트 목록이 선택사항으로 나오므로 해당하는 것을 선택합시다.