Firebase로 쓰레기 계획용 카드 서비스를 만들어 보세요.

개발 환경

  • https://koding.com/
  • node v0.10.26
  • npm v1.4.3
  • npm 명령
  • http://qiita.com/yoh-nak/items/8446bf12094c729d00fe
  • Firebase 계정 등록

  • https://www.firebase.com/
  • 비용과 무료 범위

  • https://www.firebase.com/pricing.html
  • firebase hosting

  • https://www.firebase.com/docs/hosting/quickstart.html
  • 사용 방법


    Firebase-tools 설치

    $ npm install -g firebase-tools
    

    로그인

    rei-no-MacBook-Air:agile_estimate_card alin$ firebase login
    Visit this URL on any device to log in:
    https://www.firebase.com/login/confirm.html?ticket=XXXXXX
    
    Waiting for authentication...
    
    ✔  Success! Logged in as [email protected]
    
    
    rei-no-MacBook-Air:agile_estimate_card alin$ firebase logout
    ✔  Logged out from [email protected]
    

    애플리케이션 초기화

    rei-no-MacBook-Air:agile_estimate_card alin$ firebase init
    ? What Firebase do you want to use? sweltering-torch-299
    ? What directory should be the public root? public
    ✔  Public directory public has been created
    Firebase initialized, configuration written to firebase.json
    rei-no-MacBook-Air:agile_estimate_card alin$ ls
    firebase.json   public
    rei-no-MacBook-Air:agile_estimate_card alin$ vi firebase.json 
    
    
    vi firebase.json
    ------
    
    {
      "firebase": "sweltering-torch-299",
      "public": "public",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ]
    }
    

    애플리케이션 배포

    vi public/index.html
    -------------
    <html>
      <head>
        <title>Agile Estimate Card</title>
      </head>
    
      <body>
        <h1>hello firebase</h1>
      </body>
    </html>
    
    rei-no-MacBook-Air:agile_estimate_card alin$ firebase deploy
    
    === Deploying to 'sweltering-torch-299'...
    
    i  deploying hosting
    i  preparing public directory for upload...
    ✔  1 files uploaded successfully
    
    ✔  Deploy complete!
    
    URL: https://sweltering-torch-299.firebaseapp.com
    Dashboard: https://sweltering-torch-299.firebaseio.com
    
    Visit the URL above or run firebase open
    
    
    결과

    쓰레기 계획용 카드 서비스 만들기

  • https://sweltering-torch-299.firebaseapp.com/index.html
  • 좋은 웹페이지 즐겨찾기