Firebase에서 사이트를 무료로 공개합니다.
다들 어떻게 지내십니까?
최근 몇 년 동안 mBaaS는 지속적으로 신속하게 진화했다.
이번에는 구글의 mBaaS Firebase를 사용해 사이트를 빠르게 시작합시다.
구글 계정 준비
Firebase는 구글 계정만 있으면 무료로 사용할 수 있다.
사전에 계좌를 얻어 로그인하세요.
Firebase로 웹 사이트 만들기 프로젝트.
https://console.firebase.google.com/
에서 설명한 대로 해당 매개변수의 값을 수정합니다.
프로젝트 이름과 국가만 선택하면 됩니다.
Node.js 및 npm 설치
npm에 Firebase 위탁 관리 사이트를 설치할 수 있는 도구입니다.
그러니까 먼저 Node.js와 npm를 설치하세요.
설치 절차는 구글 선생님께 물어보면 많이 나와요.
https://www.google.co.jp/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=node.js%20npm%20%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB
Firebase-tools 구성 $ npm install -g firebase-tools
에서 설명한 대로 해당 매개변수의 값을 수정합니다.
설치 후$ firebase login
그러면 브라우저에서 인증 양식을 열고 버튼을 누르면 로그인할 수 있습니다.
역시 구글, 아주 간단해.
프로젝트 초기화 및 배포
좋아하는 목록 들어가기$ firebase init
태그 요소의 표시 속성을 수정합니다.
데이터베이스인지 호스트인지 묻기 때문에 호스트를 선택합니다.? What Firebase CLI features do you want to setup for this folder?
◉ Database: Deploy Firebase Realtime Database Rules
❯◉ Hosting: Configure and deploy Firebase Hosting sites
json과 public 디렉터리를 그렇게 설정하면 OK, Enter 를 누릅니다.
index.경유 html로 설정했냐는 질문에 이것도 Enter를 누릅니다.(기본값은 아니오)
어떤 아이템을 사용하냐는 질문에 아까 했던 아이템을 선택했습니다.? What Firebase project do you want to associate as default? (Use arrow keys)
[don't setup a default project]
❯ test-project (project-000000000000000)
[create a new project]
이렇게 하면 디렉터리 바로 아래에 설정된 json과public 디렉터리가 생성되기 때문에 그 다음은public/index입니다.html를 만지작거리며 배치하다.$ firebase deploy
허허, 사이트가 이미 공개됐어요.
웹 사이트 보기
Firebase 관리 화면에서 항목을 선택한 후 왼쪽 메뉴에서 Hosting을 선택합니다.
URL이 임의로 할당되어 있으므로 액세스해 보십시오!
비용에 관하여
2016년 5월까지 파일 크기 1GB, 파일 전송 10GB가 무료입니다.
소규모 사이트라면 문제없이 이용할 수 있다.
https://firebase.google.com/pricing/
Reference
이 문제에 관하여(Firebase에서 사이트를 무료로 공개합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Ijoru/items/5b27f1c32df2222514fb
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
https://console.firebase.google.com/
에서 설명한 대로 해당 매개변수의 값을 수정합니다.
프로젝트 이름과 국가만 선택하면 됩니다.
Node.js 및 npm 설치
npm에 Firebase 위탁 관리 사이트를 설치할 수 있는 도구입니다.
그러니까 먼저 Node.js와 npm를 설치하세요.
설치 절차는 구글 선생님께 물어보면 많이 나와요.
https://www.google.co.jp/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=node.js%20npm%20%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB
Firebase-tools 구성 $ npm install -g firebase-tools
에서 설명한 대로 해당 매개변수의 값을 수정합니다.
설치 후$ firebase login
그러면 브라우저에서 인증 양식을 열고 버튼을 누르면 로그인할 수 있습니다.
역시 구글, 아주 간단해.
프로젝트 초기화 및 배포
좋아하는 목록 들어가기$ firebase init
태그 요소의 표시 속성을 수정합니다.
데이터베이스인지 호스트인지 묻기 때문에 호스트를 선택합니다.? What Firebase CLI features do you want to setup for this folder?
◉ Database: Deploy Firebase Realtime Database Rules
❯◉ Hosting: Configure and deploy Firebase Hosting sites
json과 public 디렉터리를 그렇게 설정하면 OK, Enter 를 누릅니다.
index.경유 html로 설정했냐는 질문에 이것도 Enter를 누릅니다.(기본값은 아니오)
어떤 아이템을 사용하냐는 질문에 아까 했던 아이템을 선택했습니다.? What Firebase project do you want to associate as default? (Use arrow keys)
[don't setup a default project]
❯ test-project (project-000000000000000)
[create a new project]
이렇게 하면 디렉터리 바로 아래에 설정된 json과public 디렉터리가 생성되기 때문에 그 다음은public/index입니다.html를 만지작거리며 배치하다.$ firebase deploy
허허, 사이트가 이미 공개됐어요.
웹 사이트 보기
Firebase 관리 화면에서 항목을 선택한 후 왼쪽 메뉴에서 Hosting을 선택합니다.
URL이 임의로 할당되어 있으므로 액세스해 보십시오!
비용에 관하여
2016년 5월까지 파일 크기 1GB, 파일 전송 10GB가 무료입니다.
소규모 사이트라면 문제없이 이용할 수 있다.
https://firebase.google.com/pricing/
Reference
이 문제에 관하여(Firebase에서 사이트를 무료로 공개합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Ijoru/items/5b27f1c32df2222514fb
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ npm install -g firebase-tools
에서 설명한 대로 해당 매개변수의 값을 수정합니다.설치 후
$ firebase login
그러면 브라우저에서 인증 양식을 열고 버튼을 누르면 로그인할 수 있습니다.역시 구글, 아주 간단해.
프로젝트 초기화 및 배포
좋아하는 목록 들어가기$ firebase init
태그 요소의 표시 속성을 수정합니다.
데이터베이스인지 호스트인지 묻기 때문에 호스트를 선택합니다.? What Firebase CLI features do you want to setup for this folder?
◉ Database: Deploy Firebase Realtime Database Rules
❯◉ Hosting: Configure and deploy Firebase Hosting sites
json과 public 디렉터리를 그렇게 설정하면 OK, Enter 를 누릅니다.
index.경유 html로 설정했냐는 질문에 이것도 Enter를 누릅니다.(기본값은 아니오)
어떤 아이템을 사용하냐는 질문에 아까 했던 아이템을 선택했습니다.? What Firebase project do you want to associate as default? (Use arrow keys)
[don't setup a default project]
❯ test-project (project-000000000000000)
[create a new project]
이렇게 하면 디렉터리 바로 아래에 설정된 json과public 디렉터리가 생성되기 때문에 그 다음은public/index입니다.html를 만지작거리며 배치하다.$ firebase deploy
허허, 사이트가 이미 공개됐어요.
웹 사이트 보기
Firebase 관리 화면에서 항목을 선택한 후 왼쪽 메뉴에서 Hosting을 선택합니다.
URL이 임의로 할당되어 있으므로 액세스해 보십시오!
비용에 관하여
2016년 5월까지 파일 크기 1GB, 파일 전송 10GB가 무료입니다.
소규모 사이트라면 문제없이 이용할 수 있다.
https://firebase.google.com/pricing/
Reference
이 문제에 관하여(Firebase에서 사이트를 무료로 공개합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Ijoru/items/5b27f1c32df2222514fb
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ firebase init
? What Firebase CLI features do you want to setup for this folder?
◉ Database: Deploy Firebase Realtime Database Rules
❯◉ Hosting: Configure and deploy Firebase Hosting sites
? What Firebase project do you want to associate as default? (Use arrow keys)
[don't setup a default project]
❯ test-project (project-000000000000000)
[create a new project]
$ firebase deploy
Firebase 관리 화면에서 항목을 선택한 후 왼쪽 메뉴에서 Hosting을 선택합니다.
URL이 임의로 할당되어 있으므로 액세스해 보십시오!
비용에 관하여
2016년 5월까지 파일 크기 1GB, 파일 전송 10GB가 무료입니다.
소규모 사이트라면 문제없이 이용할 수 있다.
https://firebase.google.com/pricing/
Reference
이 문제에 관하여(Firebase에서 사이트를 무료로 공개합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Ijoru/items/5b27f1c32df2222514fb
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Firebase에서 사이트를 무료로 공개합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Ijoru/items/5b27f1c32df2222514fb텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)