로메오의 블로그

프로젝트 추가하기      ## firebase-tools를 설치> sudo npm install -g firebase-tools## 프로젝트 폴더를 만들고 이동합니다.> cd MY/PROJECT/FOLDER## firebase login> firebase login## firebase를 초기화 설정합니다.> firebase initfirebase 를 초기화합니다.   Functions 를 선택합니다.    > firebase deploy --only functions배포합니다.      로컬에서 실행하기> firebase emulators:start> firebase emulators:start --only functions     postman에서 서비스 호출하기http://127.0.0.1:5001..

Firebase 목록 React 목록 파일 설정 $ mkdir firebase $ cd firebase $ mkdir public $ mkdir public/js $ touch public/js/fireauth.js $ touch public/index.html $ touch App.js Node 서버 구성 App.js $ npm install express const express = require('express') const app = express(); const port = 3001; app.use(express.static('public')); app.get('', (req, res) => { res.sendFile(__dirname + '/index.html') }) app.listen(po..

Firebase 목록 React 목록 파일 설정 $ mkdir firebase $ cd firebase $ mkdir public $ mkdir public/js $ touch public/js/firebase.js $ touch public/index.html $ touch App.js Node 서버 구성 App.js $ npm install express const express = require('express') const app = express(); const port = 3001; app.use(express.static('public')); app.get('', (req, res) => { res.sendFile(__dirname + '/index.html') }) app.listen(po..

Firebase 목록 React 목록 참여 > Dynamic Links로 가서 시작하기를 누릅니다. 구글에서 제공하는 링크는 직접 입력하면 됩니다. [NAME].page.link로 생성합니다. page.link 주소는 인증 절차 없이 바로 완료됩니다. 새 동적 링크를 생성합니다. 원하는 URL을 설정합니다. 데스크탑에서 이동할 링크 주소를 입력합니다. iOS에서 도달할 앱을 선택합니다. App Store ID와 team ID를 입력해야 합니다. App Store ID와 Team ID를 입력합니다. 다음을 누릅니다. Android도 앱을 선택하고 다음을 누릅니다. 만들기를 누릅니다. 동적링크가 생성되었습니다. https://sheetcalculator.page.link/app 시트계산기 시트계산기는 기존의..

Firebase 목록 Firebase GCP 리소스 위치는 최초 한번만 정할 수 있습니다. 수정이 되지 않으니 신중히 잘 결정하셔야 합니다. 국내 서비스의 경우 서울에 위치한 GCP를 선택하면 속도가 빨라지지만 서울(asia-northeast3)은 firestore가 지원되지 않습니다. Firestore가 지원되는 가장 가까운곳은 도쿄(asia-northeast1)입니다. 아래는 코드별 GCP 리소스 위치입니다. Seoul asia-northeast3 Tokyo asia-northeast1 Hong Kong asia-east2 Osaka asia-northeast2 Taiwan asia-east1 Global HTTP Load Balancer global Singapore asia-southeast1 O..

Firebase 목록 카페24 > 나의서비스관리 > 도메인 관리 > DNS 관리 서브도메인을 생성할 도메인을 선택하고 DNS 관리는 누릅니다. 도메인을 선택하고 호스트IP(A 레코드) 관리 > A 레코드 추가를 누릅니다. 일단 여기서 멈추고 새탭에서 Firebase Hosting을 생성합니다. [FIREBASE] 호스팅 생성하고 배포하기 Firebase Hosting에서 커스텀 도메인 추가 버튼을 누릅니다 카페24에서 생성할 서브도메인을 입력합니다. IP주소를 복사합니다. cafe24에서 생성할 서브도메인명과 IP주소를 입력합니다. 등록된 도메인에 접속해보면 보안인증서 경고가 표시됩니다. 1시간 내에 서브도메인이 설정한 URL로 접속하면 아래와 같이 Firebase Hosting 초기화면이 나타납니다. ..

Firebase 목록 [FIREBASE] 호스팅 생성하고 배포하기 [FIREBASE] STORAGE에 사진 파일 올리기 [CHROME] INDEXEDDB 사용하기 회원가입을 받기위해서 Firebase > Authentication > 로그인 방법으로 이동합니다. 이메일/비밀번호 수정을 선택합니다. 사용 설정 하고 저장합니다. Google 도 사용설정 하고 저장합니다. Facebook 사용설정합니다. OAuth redirection URI를 복사해 둡니다. Facebook 개발자 센터 https://developers.facebook.com Facebook 개발자 센터에서 회원가입 / 로그인 합니다. 앱 만들기를 클릭합니다. Facebook 로그인 설정을 누릅니다. 좌측에 설정을 누르고 복사해둔 OAuth..

Firebase 목록 [FIREBASE] 호스팅 생성하고 배포하기 위 포스트에서 Firebase-tools 설치 방법을 먼저 참고하세요. https://console.firebase.google.com/ Firebase console에 로그인하고 프로젝트 추가합니다. Google 애널리틱스 계정을 생성해서 연결합니다. 웹을 생성합니다. 앱이 생성되고 콘솔로 이동합니다. Firebase Cloud Firestore Database > Cloud Firestore 데이터베이스 만들기를 누릅니다. 테스트 모드로 시작을 선택하고 다음을 누릅니다. 데이터센터 위치를 선택하고 완료를 누릅니다. Cloud Firestore가 생성되었습니다. Storage Storage에서 시작하기를 누릅니다. Storage가 생성되..