배경

본고의 작성 시간: 2017년 4월 1일;
2년 전 핸드폰 클라이언트가 문자 인터페이스를 모방하기 위해 핸드폰 클라이언트와 백엔드 서버가 실시간으로 통신하거나 양방향으로 동기화하는 방법이 필요해 Firebase를 데이터베이스로 선택했다.정확히 말하면 Firebase는 BaaS의 일종인 백엔드 서비스여야 한다.나중에 서버가 외국에 있어서 속도가 느려서 더 이상 사용하지 않았다.이번에는 사용자가 자신의 휴대전화 번호를 통해 택배 번호를 조회하도록 하는 아주 작은 수요가 있다.이런 가장 간단한 조회는 정말 자신이 백엔드 서비스를 구축하고 싶지 않아서 들개와 Firebase를 생각했다.처음에는 들개를 쓰려고 했지만 하루에 최대 50명의 클라이언트만 지원해 수요를 충족시키지 못해 Firebase로 방향을 바꿨다.간단하게 Firebase를 사용해 보니 Google에 인수된 이후 기능이 많이 강해졌습니다.
PS: Firebase가 Google에 인수되었기 때문에 Google의 일부 속성도 가지고 있습니다. 예를 들어 특정한 사람들이 방문할 수 없으니 스스로 방법을 생각해 보세요.

목표

처음에는 가장 간단하고 직접적인 작은 목표가 백엔드 서비스로 삼는 것이다.결과적으로 정적 웹 페이지를 위탁 관리할 수 있다는 것을 알게 되었다. 그러면 원스톱 개발이 될 것이다.그래서 마지막 목표는 다음과 같다.

Firebase를 사용하여 백엔드 API를 제공합니다.

Firebase를 사용하여 프런트엔드 정적 파일을 관리합니다.

Firebase를 사용하여 백엔드 API 제공

전에 써 봤기 때문에 새로 공부할 것이 거의 없다.
간단하게 말하면 다음과 같다.
우선, 새로운 응용을 세운다.
그런 다음 원본 내용을 JSON 형식으로 정리한 파일을 가져옵니다.

{
    "13963XX70903":{"trackNo":"3929740871XX2"},
    "15213XX1889":{"trackNo":"392974087XX90"},
    "1382XX17825":{"trackNo":"3929740XX1091"},
    "188XX612866":{"trackNo":"39297408703XX"},
    "186XX097892":{"trackNo":"39297408XX664"},
    "1880426XX90":{"trackNo":"3929740870XX2"}
}

모든 사람이 읽을 수 있도록 접근 규칙을 수정하기;

{
  "rules": {
    ".read": "auth == null",
    ".write": "auth != null"
  }
}

위의 구성이 완료되면 URL을 통해 API를 호출할 수 있습니다.주의해야 할 것은 링크를 직접 사용하면 콘솔을 직접 열 수 있다는 것이다.JSON에 응답하려면 링크 끝에 .json 만 추가하면 됩니다.
백그라운드의 기능이 비교적 간단하기 때문에 전체 설정도 비교적 간단하다.

Firebase를 사용하여 프런트엔드 정적 파일 관리

주요 기능

먼저 Firebase 관리 프런트엔드 정적 파일의 주요 기능에 대해 설명합니다.

보안 연결을 통해 서비스를 제공합니다.인공 없이 SSL 사용하기;

신속한 컨텐츠 제공Google의 CDN 직접 사용;

신속한 배포명령줄 도구 Firebase CLI를 사용하여 몇 마디 명령으로 배포 완료;

원클릭 롤백.버전 제어 및 관리 및 원키 롤백 지원;

사용 방법

이 기능은 내가 이번에 발견한 것이기 때문에, 지금 이 방법을 중점적으로 말해 보자.
먼저 명령줄 도구 Firebase CLI를 설치합니다.

$ npm install -g firebase-tools

그리고 자신의 Firebase 계정에 로그인하세요.이 단계는 일반인과 달리 Google의 인증 서버에 연결할 방법을 스스로 강구해야 하기 때문에 특히 주의해야 한다.

$ firebase login

그리고 자신이 배치하고자 하는 프로젝트에 들어가 명령을 실행하여 초기화합니다.

$ firebase init

이 때 일부 프로필을 생성하고 해당하는 라이브러리 파일을 다운로드합니다.그리고 알림에 따라 공공 자원 폴더를 선택하십시오. 왜냐하면 저는 Angular/CLI를 사용하기 때문에 공공 폴더는 dist 입니다.그리고 단일 페이지 응용 프로그램인지 물어보고 예를 선택하십시오.
마지막으로 다음 명령을 사용하여 배치합니다.명령줄에 항목 이름을 지정해야 합니다.

$ firebase deploy --project project-name

이로써 프런트엔드 파일은 Firebase의 2단계 도메인 이름에 따라 접근할 수 있는 배치가 완료되었습니다.
그러나 우리는 일반적으로 자신의 DNS를 해석해야 하기 때문에 약간의 추가 설정이 필요하다.
Firebase 콘솔에서 연결 도메인을 선택하고 도메인 이름을 입력합니다.그리고 Firebase는 도메인 이름의 소유권을 검증해야 합니다. 이때 DNS에 TXT 기록을 추가하고 Firebase가 제공한 내용을 입력해야 합니다.
효력이 발생하면 계속 누르면 Firebase는 두 개의 IP 주소를 제공하고 DNS에 새 도메인 이름 기록이 Firebase가 제공한 IP 주소를 가리키면 전체 설정이 끝납니다.
이로써 자신의 도메인 이름을 통해 사이트를 방문할 수 있게 되었다.

참고 자료

Firebase - 홈페이지

Firebase - REST API

Firebase - 관리

Firebase - 배포 구성