Firestore로 세션 처리

---

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

목표

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

비용

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

• App Engine
• Firestore

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

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

시작하기 전에

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

2. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

   Note: If you don't plan to keep the resources that you create in this procedure, create a project instead of selecting an existing project. After you finish these steps, you can delete the project, removing all resources associated with the project.

   Go to project selector

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

4. Enable the Firestore API.

   Enable the API

5. Install the Google Cloud CLI.

6. To initialize the gcloud CLI, run the following command:

   gcloud init

7. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

   Note: If you don't plan to keep the resources that you create in this procedure, create a project instead of selecting an existing project. After you finish these steps, you can delete the project, removing all resources associated with the project.

   Go to project selector

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

9. Enable the Firestore API.

   Enable the API

10. Install the Google Cloud CLI.

11. To initialize the gcloud CLI, run the following command:

    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 파일을 만듭니다.

  sessions/index.js

  GitHub에서 보기
  // 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.use(session)를 설정한 후에는 재방문 사용자를 식별하기 위해 사용할 수 있는 req.session 속성이 모든 요청에 포함됩니다. 세션 데이터는 Firestore에 저장됩니다.

Note: Express가 제공하는 세션 미들웨어인 express-session은 세션 스토리지에 대해 여러 옵션들을 지원합니다. 자세한 내용은 express-session 페이지를 참조하십시오. Firestore는 영구적이고, 분산된 형태의 트랜잭션 데이터베이스입니다. 이러한 사용 사례에서는 구조적으로 더 빠르게 작동할 수 있는 Memcache 또는 Redis와 같은 세션에는 다른 스토리지 솔루션을 선택하는 것이 더 적합한 경우가 많습니다.

세션 삭제

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 콘솔에서 세션 데이터를 보고 수정할 수 있습니다.

   

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

App Engine에서 배포 및 실행

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

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

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

   sessions/app.yaml

   GitHub에서 보기
   runtime: nodejs10

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

   gcloud app deploy
   

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

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

   다음을 바꿉니다.

   • PROJECT_ID: Google Cloud 프로젝트 ID
   • REGION_ID: App Engine이 앱에 할당하는 코드

이제 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가 사용 설정되어 있는지 확인합니다.

삭제

프로젝트 삭제

주의: 프로젝트를 삭제하면 다음과 같은 효과가 발생합니다.

• 프로젝트의 모든 항목이 삭제됩니다. 이 문서의 태스크에 기존 프로젝트를 사용한 경우 프로젝트를 삭제하면 프로젝트에서 수행한 다른 작업도 삭제됩니다.
• 커스텀 프로젝트 ID가 손실됩니다. 이 프로젝트를 만들 때 앞으로 사용할 커스텀 프로젝트 ID를 만들었을 수 있습니다. appspot.com URL과 같이 프로젝트 ID를 사용하는 URL을 보존하려면 전체 프로젝트를 삭제하는 대신 프로젝트 내에서 선택한 리소스만 삭제합니다.

여러 아키텍처, 튜토리얼, 빠른 시작을 살펴보려는 경우 프로젝트를 재사용하면 프로젝트 할당량 한도 초과를 방지할 수 있습니다.

1. In the Google Cloud console, go to the Manage resources page.

   Go to Manage resources

2. In the project list, select the project that you want to delete, and then click Delete.
3. In the dialog, type the project ID, and then click Shut down to delete the project.

App Engine 인스턴스 삭제

1. In the Google Cloud console, go to the Versions page for App Engine.

   Go to Versions

2. Select the checkbox for the non-default app version that you want to delete.
   참고: 기본 버전의 App Engine 앱을 삭제할 수 있는 유일한 방법은 프로젝트를 삭제하는 것입니다. 하지만 Google Cloud 콘솔에서 기본 버전을 중지할 수 있습니다. 이 작업은 해당 버전과 연관된 모든 인스턴스를 종료합니다. 필요한 경우 이러한 인스턴스를 다시 시작할 수 있습니다.

   App Engine 표준 환경에서는 앱에 수동 또는 기본 확장이 포함된 경우에만 기본 버전을 중지할 수 있습니다.

3. 앱 버전을 삭제하려면 삭제를 클릭합니다.

다음 단계

• 더 많은 Cloud Functions 가이드 시도하기
• App Engine 자세히 알아보기
• 완전 관리형 환경 또는 자체 Google Kubernetes Engine 클러스터에서 스테이트리스(Stateless) 컨테이너를 실행할 수 있는 Cloud Run 사용해 보기