반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- nodejs
- 리액트
- HOC
- express
- Wecode
- ES6
- jsx
- CSS
- v-html
- mapGetters
- Vue
- 댓글달기
- webpack
- Vue.js
- scss
- MySQL
- 자료구조
- react
- storybook
- event
- JavaScript
- 쉬운설명
- sass
- input
- Vue transition
- App.vue
- 자바스크립트
- TypeScript
- vuex
- State
Archives
- Today
- Total
익명의 개발노트
Firebase 시작하기 본문
반응형
1.로컬 개발환경설정
파이어베이스를 사용하려면 노드js와 firebase cli(컴터와 파이어 베이스 연결)를 설치해야한다,
프로젝트 디렉토리 초기화 후 웹경로 를 설정한다.(os별로 노드만 설치 약간 다름.)
1) 설치하기
npm install firebase-tools -g
2. firebase-cli
firebase login
입력 후 Y
firebase list 에 프로젝트 뜨면 연동성공
공식문서 : https://firebase.google.com/docs/web/setup?authuser=0
3. 프로젝트 초기화
프로젝트 폴더 만들고 들어가서 npm init하듯, 아래와 같이 입력하면 된다.
firebase init
DB, hosting 선택 후 엔터.
기본값주고 엔터치면 아래와 같은 폴더구조가 생성된다.
서버 실행은 firebase serve라고 입력하면 되는데, .firebaserc 안에 projectid가 있어야 서버가 작동한다.
{
"projects": {
"default": "yourid"
}
}
프로젝트 아이디는 파이어베이스 페이지 프로젝트 설정누르면 볼 수 있다.
package.json은 생성안되니 주의! 나는 npm init까지 해서 만들었음.
4. 사용방법
1) CDN 등록
2) 자동으로 등록
위와 같으며, html파일 body 하단부에 스크립트를 넣어주면 된다.
반응형
'Cloud > Firebase' 카테고리의 다른 글
Ouauth2.0 구글이메일 인증기능 사용하기 (0) | 2019.08.03 |
---|---|
Authentication 인증기능 (0) | 2019.08.03 |
Firebase란?? (0) | 2019.08.02 |
Comments