Firebase 정적 사이트(html CSS JavaScript) 배포

Firebase에서 배포 기록



【사용 환경】
html
CSS
자바스크립트
맥북

<다음 시간 단축을 위해 기록>

Firebase에서 등록, (google 계정 필요) 로그인



새로운 프로젝트 폴더를 Firebase HP 내에서 작성한다.


여기에서 터미널로

이번에는 아래와 같이 ②의 설정을 위해 public 디렉토리 아래에 배포 앱(html CSS JavaScript img 등)을 배치



URL> 루트 패스를 위해

배포에 GitHub는 필수는 아니지만,
git add ← 필요하다면
git commit ← 필요하다면
push ←필요하다면

① firebase-tools 설치


(npm がインストールされている前提)
$ npm install -g firebase-tools

$ npm -v

$ firebase -V

$ firebase login


앱 디렉토리로 이동한 후,

① 초기화


$ firebase init

이 화면이 나온다


PC의 화살표 키로 Hosting:을 선택. (색이 바뀐다. 또한 ●에)
엔터


firebase의 HP로 만든



앱을 연결할 프로젝트를 선택하라는 메시지



Use an existing project 를 선택해 엔터


HP에서 만든 프로젝트 목록이 나온다.
이번 것을 선택하고 엔터

(이미지 없음)



디렉토리의 경로를 듣기 때문에 디폴트 (/public) 그대로 엔터



Configure as a single-page app (rewrite all urls to/index.html)? (y/N)
다른 사람도 움직이기 때문에 추천 N을 선택

File public/index.html already exists. Overwrite?
작성한 index.html이 겹쳐쓰기 때문에 추천 N을 선택

complete!





초기화 완료

배포



그대로의 계층으로
$ firebase deploy



↑ 여기 아래에 URL이 있다.

배포 완료



(수정 후의 재배포는, $firebase deploy만으로↑는 불필요)

두 번째 이후의 사건


$ firebase login

>Error: Server Error. certificate has expired



그 때문에,

firebase-tools를 업데이트해야합니다.


$ sudo npm i -g firebase-tools 

$ firebase login   

로그인할 수 있음

좋은 웹페이지 즐겨찾기