티스토리 뷰
Firebase
https://console.firebase.google.com/
로그인 - Google 계정
하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인
accounts.google.com
1. 프로젝트 생성
- 프로젝트 추가
- 프로젝트 이름 : connect
- 프로젝트 ID : 자동생성된다
- 애널리틱스 및 청구지역 : 대한민국
- 컨트롤러 간 약관에 동의
- 프로젝트 만들기!
생성 완료!
- 웹 앱에 Firebase 추가 클릭
- 여기서 var config 안에 내용만 복사
Angular
1. 프로젝트 생성 (자세한 방법은 아래 링크에)
http://cho-coding.tistory.com/134
[ANGULAR] BASIC THINGS
1. node.js 설치 2. cmd 창 열기 설치한 node 버전 확인 - node -v Angular CLI 설치 - npm install -g @angular/cli #예시 프로젝트 : https://github.com/iamshaunjp/angular-2-playlist 원하는 디렉터리로..
cho-coding.tistory.com
- 파일 이름 : firebaseConnect
2. npm 설치
설치가 완료되면 저렇게 뜬다!
3. environment.ts에 firebase에서 가져온 키값 및 내용 입력
#production: false 뒤에 ','를 찍고 함수 이름 지정 후 안에다가 붙혀넣기
4. app.module.ts에 가서 등록
#빨간색 네모 안에 있는 코드 추가
5. 서버 돌리기
위와 같이 문제가 없으면 성공!
'FRONT-END > ANGULAR' 카테고리의 다른 글
| [ANGULAR] BOOTSTRAP 입히기 (1) | 2018.08.10 |
|---|---|
| [ANGULAR] BASIC THINGS (0) | 2018.07.23 |