[firebase] firebase 배포에서 이끼 이야기
Google에서 제공하는 firebase는 편리하고 사용하기 쉽지만,
배포하는 데 빠진 적이 있기 때문에 공유 기사를 씁니다.
결론부터 말하면
"firebase init"했을 때에 본래라면 배치하기 위한 파일 세트가 생성될 것인데 명령이 완료해도 일단에 파일이 생성되지 않았습니다.
해결 방법 전에 firebase를 배포하는 방법 이해
정리해 두므로, 결론만을 알고 싶은 분은 제일 마지막까지 스크롤 해 주세요.
firebase 배포 방법
firebase 계정 등록(무료)
htps : // 푹 빠져라. 오, ぇ. 코m/
1.firebase 설치 & 로그인 & 프로젝트 만들기
npm install -g firebase-tools
firebase login
연결하려는 계정 선택
firebase 콘솔 (페이지 오른쪽 상단에 버튼이 있음)에서 새 프로젝트 만들기
· 애널리틱스를 넣거나 넣지 않는 것은 선택 가능
2.firebase 파일 생성 및 초기 설정
mkdir myApp(名前は適当に)
cd myApp
firebase init
「Hosting: Configure and deploy Firebase Hosting sites」を選択
◯ 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
◯ Emulators: Set up local emulators for Firebase features
■firebaseでプロジェクト作成済の場合
「Use an existing project」を選択 -> プロジェクト選択
■firebaseでプロジェクト未作成の場合は
「Create a new project」を選択
ここではすでにつくっているので
「Use an existing project」を選択
? Please select an option: (Use arrow keys)
❯ Use an existing project
Create a new project
Add Firebase to an existing Google Cloud Platform project
Don't set up a default project
? What do you want to use as your public directory?
firebaseと紐づけるフォルダ名
※入力せずにエンターを押すと自動的にpublicフォルダになる(任意で変更可)
? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
firebaseにデプロイするファイル生成
もしすでにファイルがある場合はNに
なければ「y」にする
今回はファイルは何もないので「y」にする
생성 파일 세트
myApp
|- public
|- index.html(여기 편집)
|- firebaserc
|-.gitignore
|- firebase.json
3.index.html 수정
public/index.html<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>初めてのFirebase</title>
</head>
<body>
Hello! Firebase!
</body>
</html>
4. 배포
firebase deploy
URL이 생성되므로 여기에서 액세스하면 페이지가 표시됩니다.
호스팅 URL : https://xxxxxxxxxx.firebaseapp.com
로컬로 움직이고 싶다면
firebase serve
여기에서 표시
http://localhost:5000
빠진 일과 해결책
Mac 홈 디렉토리에 firebase.json이 있으면 firebase init
파일이 생성되지 않았습니다.
그 firebase.json을 삭제하면 무사 파일이 생성되어 배포 할 수있었습니다.
알고 보니 간단한 일이었는데 몇 시간이나 거기에 지출해 버리고 괴로웠다.
Reference
이 문제에 관하여([firebase] firebase 배포에서 이끼 이야기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/dai_designing/items/d91cb416ac15d7b9423f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
npm install -g firebase-tools
firebase login
mkdir myApp(名前は適当に)
cd myApp
firebase init
「Hosting: Configure and deploy Firebase Hosting sites」を選択
◯ 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
◯ Emulators: Set up local emulators for Firebase features
■firebaseでプロジェクト作成済の場合
「Use an existing project」を選択 -> プロジェクト選択
■firebaseでプロジェクト未作成の場合は
「Create a new project」を選択
ここではすでにつくっているので
「Use an existing project」を選択
? Please select an option: (Use arrow keys)
❯ Use an existing project
Create a new project
Add Firebase to an existing Google Cloud Platform project
Don't set up a default project
? What do you want to use as your public directory?
firebaseと紐づけるフォルダ名
※入力せずにエンターを押すと自動的にpublicフォルダになる(任意で変更可)
? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
firebaseにデプロイするファイル生成
もしすでにファイルがある場合はNに
なければ「y」にする
今回はファイルは何もないので「y」にする
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>初めてのFirebase</title>
</head>
<body>
Hello! Firebase!
</body>
</html>
firebase deploy
firebase serve
Mac 홈 디렉토리에 firebase.json이 있으면 firebase init
파일이 생성되지 않았습니다.
그 firebase.json을 삭제하면 무사 파일이 생성되어 배포 할 수있었습니다.
알고 보니 간단한 일이었는데 몇 시간이나 거기에 지출해 버리고 괴로웠다.
Reference
이 문제에 관하여([firebase] firebase 배포에서 이끼 이야기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/dai_designing/items/d91cb416ac15d7b9423f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)