Octopus라는 Firebase의 Realtime Database에서 움직이는 Markdown Wiki를 Deploy해 보았다



배경



Firebase 에서 움직이는 Makdown한 Wiki로 Tech적인 아웃풋을 하는 시도입니다.

시도하고 싶은 방향



Octopus 정보



아래 Repository를 Clone하여 Build하고 Deploy합니다.
  • livechat/octopus: 🐙 Octopus - Internal wiki with diagrams for software and product teams

  • Requirements


  • npm
  • node.js
  • Google 계정 & Firebase

  • 기본 Howto


  • Firebase 프로젝트 생성( 구구 )
  • Authentication에서 필요에 따라 인증 방법을 설정한다. (자신은 Google 전용)
  • Database를 Realtime Database로 만들고 규칙을 설정합니다. (실시간 데이터베이스 설정 참조)

  • git clone [email protected]:livechat/octopus.git
  • cp src/config/config.template.js src/config/config.js
  • vim rc/config/config.js 에서 1로 만든 Firebase 프로젝트의 config 정보를 복사

  • npm install --build-from-source
  • npm run build

  • Firebase Hosting에 Deploy 1


  • firebase-tools를 설치하지 않은 사람은 설치
  • npm install -g firebase-tools
  • firebase login Browser 인증
  • cd /path/to/project

  • firebase init 으로 hostingSpace
  • 대상 디렉토리는 Enter 로 한다(디폴트는 build )


  • 조속히 빠진 포인트



    Mac OSX에서 배포하면 gRPC와 관련하여 홈이 실패합니다.



    대응 방법 = Mac OSX가 아니라 리눅스에서 npm install 한다.

    구그하면 이런 Issue가 나온다. Node.js의 v11.x 관련 문제 같습니까?
    - gRPC sporadically doesn't build properly under node 11. · Issue #594 · grpc/grpc-node

    실시간 데이터베이스 설정



    자신의 경우는 npm install --build-from-sourceread 함께 자신의 도메인(G Suite)에 한정했습니다.
    {
      "rules": {
        ".read": "auth.token.email.endsWith('@tokifu.jp')",
        ".write": "auth.token.email.endsWith('@tokifu.jp')"
      }
    }
    

    요약



    SFSG



    Netlify 사용하면 좋은 야한 일이 README에 쓰여 있지만 Firebase Hosting도 빠르다고 생각하기 때문에 우선 시도해 보자.

    좋은 웹페이지 즐겨찾기