Nuxt.js - Firebase에 배포 및 고유 도메인 설정

Nuxt.js에서 만든 SPA 애플리케이션을 Firebase에 배포하는 방법을 항상 잊어 버리므로 메모하십시오.

프로젝트 추가

Firebase 로 이동하여 Google 계정으로 로그인한 후 콘솔로 이동합니다.

"프로젝트 추가"에서 프로젝트를 추가합니다.





· Google 애널리틱스 설정

여기에서는 우선 무효로 해 둡니다.

사용 설정하면 애널리틱스 계정을 설정해야 합니다.



이것으로 완료됩니다.

firebase-tools

그런 다음 firebase-tools를 설치합니다.

$ npm install -g firebase-tools

설치 후 로그인합니다.

브라우저가 열리므로 Google 계정으로 로그인하면 OK입니다 ;)

$ firebase login

배포하려는 프로젝트의 디렉토리로 이동하여 init

$ firebase init

몇 가지 질문이 있습니다.

이번에는 Hosting을 이용하기 때문에 공간에서 선택하고 Enter.



그런 다음 "Use an existing project"를 선택합니다.

시작 부분의 프로젝트 추가에서 추가한 프로젝트 이름을 선택합니다.



"dist"를 입력.



SPA로 설정할지 묻습니다.

내가 SPA로 만들고 있기 때문에 y를 입력합니다.



이것으로 설정이 완료됩니다!

Deploy

$ npm run generate
$ firebase deploy

완료되면 마지막으로 URL이 표시되므로 방문해 보겠습니다.

안전하게 Firebase에 배포 할 수있었습니다 :)



코드를 추가하거나 수정한 경우에는 다시 다음 명령을 치면 OK입니다 ;)

$ npm run generate
$ firebase deploy

고유 도메인 설정

Firebase 콘솔 페이지로 이동하여 자신의 도메인을 설정하려는 프로젝트를 선택합니다.

그런 다음 왼쪽 사이드 바에서 Hosting을 선택합니다.



"사용자 정의 도메인 추가"를 클릭하십시오.



나머지는 이름 .com 등으로 얻은 도메인을 입력하고 따르면 괜찮습니다 ;)

반영하는데 조금 시간이 걸린다고 생각합니다.



설명 부족이라고 느낀 점이나, 변경점이 나오면, 수시로 갱신해 가고 싶습니다.

이 기사가 도움이되면 다행입니다.

Thanks,
@ 쇼고 무라카미