Docs Menu

웹용 Atlas Device SDK

웹용 Atlas Device SDK를 사용하면 브라우저 기반 애플리케이션이 Atlas에 저장된 데이터에 액세스하고 함수 및 인증과 같은 App Services 서비스와 상호 작용할 수 있습니다. 웹 SDK는 JavaScript와 타입스크립트(Typescript)를 모두 지원합니다.

SDK로 빌드된 웹 앱은 다음 방법을 사용하여 Atlas를 쿼리할 수 있습니다.

다른 SDK와 달리 웹 SDK는 디스크에 유지되는 데이터베이스가 아닌 메모리 내 데이터베이스 생성만 지원합니다.

학습 경로
기능 아이콘

빠른 시작

Swift SDK로 작업하는 방법에 대한 최소한의 설명이 포함된 코드 예시입니다.

코드 예시 보기

Atlas Device SDK Mobile 아이콘

작동 예시 앱

예시를 통해 SDK와 Atlas GraphQL API를 사용해 실제 작동하는 React 앱을 분석하여 알아보세요.

예시 앱 살펴보기

가능한 작업들

Atlas App Services와 함께 웹 SDK를 사용하여 MongoDB를 직접 쿼리하고, GraphQL API를 쿼리하고, 서버리스 함수를 호출하고, 사용자 인증을 관리하는 등의 여러 작업을 수행합니다.

1

웹 SDK를 사용하여 브라우저에서 직접 MongoDB Atlas 데이터를 쿼리할 수 있습니다. CRUD, 집계를 수행하고 데이터베이스 변경 사항을 수신합니다.

먼저 App Services App을 만들고, 데이터베이스 규칙 을 설정하고, 사용자 인증을 활성화해야 합니다.

2

브라우저에서 App Services App에 액세스하려면 앱 클라이언트를 초기화합니다.

3

사용자를 인증하려면 App Services 인증 제공자 중 하나를 사용하세요. App Services에는 사용자 지정 JWT, Facebook, Google, Apple, 익명 및 내장 이메일/암호 인증 제공자가 포함됩니다.

4

인증된 사용자를 사용하여 브라우저에서 직접 MongoDB를 쿼리합니다.사용자는 권한이 부여된 데이터에만 액세스할 수 있습니다.

자세한 내용은 MongoDB 쿼리를 참조하세요.

MongoDB 쿼리 일러스트레이션
1

Atlas GraphQL API 는 데이터베이스 의 문서에 대한 JSON schema를 기반으로 GraphQL 쿼리 및 변형을 사용하여 호스팅된 엔드포인트를 자동으로 생성합니다.

데이터 액세스 규칙을 사용하여 App Services 인증을 구성하여 어떤 사용자가 어떤 데이터에 액세스 할 수 있는지 제어합니다. Atlas App Services 에서 GraphQL API 를 구성합니다.

2

브라우저에서 App Services App에 액세스하려면 앱 클라이언트를 초기화합니다.

3

사용자를 인증하려면 App Services 인증 제공자 중 하나를 사용하세요. App Services에는 사용자 지정 JWT, Facebook, Google, Apple, 익명 및 내장 이메일/암호 인증 제공자가 포함됩니다.

4

브라우저에서 GraphQL 클라이언트 를 사용하여 GraphQL API 를 쿼리합니다. 사용자 자격 증명 을 사용하여 요청을 인증합니다.

Apollo Client로 GraphQL API 를 쿼리 하는 방법을 알아보세요.

API 통합 이미지

App Services 백엔드 에서 실행 되는 클라이언트 애플리케이션 에서 서버리스 함수를 호출 할 수 있습니다.

내장된 타사 인증 제공자를 사용하여 사용자를 인증합니다. 인증된 사용자를 사용하여 App Services에 액세스합니다.

App Services 일러스트레이션
필수 문서
참고 자료 아이콘

JavaScript API 참고 자료

JavaScript SDK에 대한 참고 문서를 살펴보세요.

JavaScript API 참고 자료

React 로고 아이콘

React로 빠르게 시작하기

React 애플리케이션에 웹 SDK를 추가하는 방법을 알아보세요.

React 프로젝트에 Realm 추가

Next.js 로고 아이콘

Next.js 통합 가이드

Next.js 애플리케이션에서 웹 SDK를 사용할 수 있는 모든 방법을 알아봅니다.

Next.js와 통합

엔지니어링 및 전문가가 제공한 예시 프로젝트를 살펴보고 웹 SDK를 사용한 모범 사례와 일반적인 개발 패턴을 알아보세요. 더 많은 샘플 앱을 보려면 예시 프로젝트 페이지를 확인하세요.

Atlas Device SDK Offline 아이콘

오프라인 로그인 및 데이터베이스 액세스

Device Sync 사용자로 로그인하고 오프라인에서 동기화된 데이터베이스를 엽니다.

예시 프로젝트

사용자 아이콘

사용자의 온라인 상태

사용자와 디바이스의 연결/활동을 감지합니다.

예시 프로젝트