Firestore로 세션 처리


대부분의 앱은 인증 및 사용자 환경설정에 대한 세션 처리가 필요합니다. Node.js Express 프레임워크는 이 기능을 수행하기 위한 메모리 기반 구현과 함께 제공됩니다. 하지만 한 인스턴스에 기록된 세션이 다른 인스턴스와 다를 수 있으므로 여러 인스턴스에서 제공될 수 있는 앱에는 이 구현이 적절하지 않습니다. 이 튜토리얼에서는 App Engine에서 세션을 처리하는 방법을 보여줍니다.

목표

  • 앱을 작성합니다.
  • 로컬에서 앱을 실행합니다.
  • App Engine에 앱을 배포합니다.

비용

이 문서에서는 비용이 청구될 수 있는 다음과 같은 Google Cloud 구성요소를 사용합니다.

프로젝트 사용량을 기준으로 예상 비용을 산출하려면 가격 계산기를 사용하세요. Google Cloud를 처음 사용하는 사용자는 무료 체험판을 사용할 수 있습니다.

이 문서에 설명된 태스크를 완료했으면 만든 리소스를 삭제하여 청구가 계속되는 것을 방지할 수 있습니다. 자세한 내용은 삭제를 참조하세요.

시작하기 전에

  1. Google Cloud 계정에 로그인합니다. Google Cloud를 처음 사용하는 경우 계정을 만들고 Google 제품의 실제 성능을 평가해 보세요. 신규 고객에게는 워크로드를 실행, 테스트, 배포하는 데 사용할 수 있는 $300의 무료 크레딧이 제공됩니다.
  2. Google Cloud Console의 프로젝트 선택기 페이지에서 Google Cloud 프로젝트를 선택하거나 만듭니다.

    프로젝트 선택기로 이동

  3. Google Cloud 프로젝트에 결제가 사용 설정되어 있는지 확인합니다.

  4. Firestore API 사용 설정

    API 사용 설정

  5. Google Cloud CLI를 설치합니다.
  6. gcloud CLI를 초기화하려면 다음 명령어를 실행합니다.

    gcloud init
  7. Google Cloud Console의 프로젝트 선택기 페이지에서 Google Cloud 프로젝트를 선택하거나 만듭니다.

    프로젝트 선택기로 이동

  8. Google Cloud 프로젝트에 결제가 사용 설정되어 있는지 확인합니다.

  9. Firestore API 사용 설정

    API 사용 설정

  10. Google Cloud CLI를 설치합니다.
  11. gcloud CLI를 초기화하려면 다음 명령어를 실행합니다.

    gcloud init

프로젝트 설정

  1. 터미널 창에서 원하는 디렉터리로 이동하여 sessions라는 이름의 새 디렉터리를 만듭니다. 이 가이드의 모든 코드는 sessions 디렉터리 내에 있습니다.

  2. sessions 디렉터리로 변경합니다.

    cd sessions
    
  3. package.json 파일을 초기화합니다.

    npm init .
    
  4. 종속 항목을 설치합니다.

    npm install \
     --save @google-cloud/connect-firestore @google-cloud/firestore express express-session
    

이 튜토리얼을 마치면 마지막 파일 구조는 다음과 유사합니다.

sessions
├── app.yaml
├── index.js
└── package.json

웹 앱 만들기

이 앱은 모든 사용자에게 다양한 언어로 인사말을 표시합니다. 재사용자에게는 항상 같은 언어로 인사말을 표시합니다.

다양한 언어로 인사말을 표시하는 여러 개의 앱 창

앱에서 사용자 환경설정을 저장하려면 세션에서 현재 사용자에 대한 정보를 저장할 수 있는 방법이 필요합니다. 이 샘플 앱은 Firestore를 사용하여 세션 데이터를 저장합니다.

express-session과 호환되는 세션 저장소인 connect-firestore를 사용할 수 있습니다.

  • 터미널 창에서 다음 콘텐츠가 포함된 index.js 파일을 만듭니다.

    // Copyright 2019, Google LLC.
    // Licensed under the Apache License, Version 2.0 (the "License");
    // you may not use this file except in compliance with the License.
    // You may obtain a copy of the License at
    //
    //    http://www.apache.org/licenses/LICENSE-2.0
    //
    // Unless required by applicable law or agreed to in writing, software
    // distributed under the License is distributed on an "AS IS" BASIS,
    // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    // See the License for the specific language governing permissions and
    // limitations under the License.
    
    const {Firestore} = require('@google-cloud/firestore');
    const express = require('express');
    const session = require('express-session');
    
    const app = express();
    const {FirestoreStore} = require('@google-cloud/connect-firestore');
    
    app.use(
      session({
        store: new FirestoreStore({
          dataset: new Firestore(),
          kind: 'express-sessions',
        }),
        secret: 'my-secret',
        resave: false,
        saveUninitialized: true,
      })
    );
    
    const greetings = [
      'Hello World',
      'Hallo Welt',
      'Ciao Mondo',
      'Salut le Monde',
      'Hola Mundo',
    ];
    
    app.get('/', (req, res) => {
      if (!req.session.views) {
        req.session.views = 0;
        req.session.greeting =
          greetings[Math.floor(Math.random() * greetings.length)];
      }
      const views = req.session.views++;
      res.send(`${views} views for ${req.session.greeting}`);
    });
    
    const port = process.env.PORT || 8080;
    app.listen(port, () => {
      console.log(`Example app listening on port ${port}!`);
    });
    
    module.exports = app;
    

다음 다이어그램은 Firestore에서 App Engine 앱의 세션을 처리하는 방법을 보여줍니다.

아키텍처 다이어그램: 사용자, App Engine, Firestore

app.use(session)를 설정한 후에는 재방문 사용자를 식별하기 위해 사용할 수 있는 req.session 속성이 모든 요청에 포함됩니다. 세션 데이터는 Firestore에 저장됩니다.

세션 삭제

Connect-firestore는 오래되었거나 만료된 세션을 삭제하지 않습니다. Google Cloud 콘솔에서 세션 데이터를 삭제하거나 자동 삭제 전략을 구현할 수 있습니다. Memcache 또는 Redis와 같은 세션에 대한 스토리지 솔루션을 사용할 경우 만료된 세션이 자동으로 삭제됩니다.

로컬에서 실행

  1. 터미널 창에서 Google Cloud 프로젝트의 종속 항목을 설치합니다.

    npm install
    
  2. HTTP 서버를 시작합니다.

    npm start
    
  3. 웹 브라우저에서 앱을 확인합니다.

    Cloud Shell

    Cloud Shell 툴바에서 웹 미리보기 웹 미리보기를 클릭하고 포트 8080에서 미리보기를 선택합니다.

    로컬 머신

    브라우저에서 http://localhost:8080으로 이동합니다.

    'Hello World', 'Hallo Welt', 'Hola mundo', 'Salut le Monde' 또는 'Ciao Mondo'의 다섯 가지 인사말 중 하나가 표시됩니다. 페이지를 다른 브라우저나 시크릿 모드로 열면 언어가 변경됩니다. Google Cloud 콘솔에서 세션 데이터를 보고 수정할 수 있습니다.

    Google Cloud 콘솔의 Firestore 세션

  4. HTTP 서버를 중지하려면 터미널 창에서 Control+C를 누르세요.

App Engine에서 배포 및 실행

App Engine 표준 환경을 사용하면 많은 양의 데이터를 사용해 작업하고 과도한 부하가 발생하는 애플리케이션을 쉽게 빌드하고 배포하며 안정적으로 실행할 수 있습니다.

이 튜토리얼에서는 App Engine 표준 환경을 사용하여 서버를 배포합니다.

  1. 터미널 창에서 app.yaml 파일을 만들고 다음을 복사합니다.

    runtime: nodejs10
  2. App Engine에 앱을 배포합니다.

    gcloud app deploy
    
  3. 다음 URL을 입력하여 라이브 앱을 확인합니다.

    https://PROJECT_ID.REGION_ID.r.appspot.com

    다음을 바꿉니다.

이제 App Engine 인스턴스에서 실행되는 웹 서버에서 인사말을 전달합니다.

앱 디버깅

App Engine 앱에 연결할 수 없는 경우 다음을 확인하세요.

  1. gcloud 배포 명령어가 성공적으로 완료되었고 오류를 출력하지 않았는지 확인합니다. 오류가 있는 경우(예: message=Build failed) 수정하고 App Engine 앱 배포를 다시 실행합니다.
  2. Google Cloud Console에서 로그 탐색기 페이지로 이동합니다.

    로그 탐색기 페이지로 이동

    1. 최근에 선택한 리소스 드롭다운 목록에서 App Engine 애플리케이션을 클릭한 다음 전체 module_id를 클릭합니다. 앱을 방문했을 때의 요청 목록이 표시됩니다. 요청 목록이 표시되지 않는 경우 드롭다운 목록에서 전체 module_id를 선택했는지 확인합니다. Google Cloud 콘솔에 오류 메시지가 표시되면 앱 코드가 웹 앱 작성 섹션의 코드와 일치하는지 확인합니다.

    2. Firestore API가 사용 설정되어 있는지 확인합니다.

삭제

프로젝트 삭제

  1. Google Cloud 콘솔에서 리소스 관리 페이지로 이동합니다.

    리소스 관리로 이동

  2. 프로젝트 목록에서 삭제할 프로젝트를 선택하고 삭제를 클릭합니다.
  3. 대화상자에서 프로젝트 ID를 입력한 후 종료를 클릭하여 프로젝트를 삭제합니다.

App Engine 인스턴스 삭제

  1. Google Cloud 콘솔에서 App Engine의 버전 페이지로 이동합니다.

    Versions로 이동

  2. 삭제할 기본이 아닌 앱 버전의 체크박스를 선택합니다.
  3. 앱 버전을 삭제하려면 삭제를 클릭합니다.

다음 단계