Menu Docs

Atlas Device SDK para a web

O Atlas Device SDK para a web permite que aplicativos baseados em navegador acessem dados armazenados no Atlas e interajam com os serviços do App Services, como funções e autenticação. O SDK da Web é compatível com o JavaScript e TypeScript.

Aplicativos da web construídos com o SDK podem consultar o Atlas utilizando os seguintes métodos:

  • A API de consulta MongoDB padrão com o cliente MongoDB

  • Device SyncAtlas

Ao contrário dos outros SDKs, o SDK da Web é compatível apenas com a criação de um banco de dados na memória, não um persistente no disco.

Caminhos de aprendizado
Ícone de funções

Início rápido

Exemplos de código com explicação mínima sobre como trabalhar com o SDK da Web.

Ver exemplos de código

Ícone Móvel do Atlas Device SDK

Aplicação de exemplo funcional

Aprenda com exemplos, dissecando um aplicativo React que usa o SDK da Web e Atlas GraphQL API.

Explore uma aplicação de exemplo

O que você pode fazer

Use o SDK da Web com o Atlas App Services para consultar o MongoDB diretamente, consultar uma GraphQL API, invocar funções sem servidor, gerenciar autenticação do usuário e muito mais.

1

Você pode utilizar o SDK da Web para consultar dados do MongoDB Atlas diretamente do navegador. Realize CRUD e agregação e escute alterações no banco de dados.

Primeiro, você deve criar an App Services App, definir regras de bancos de dados e habilitar a autenticação do usuário.

2

Para acessar o App Services pelo navegador, inicialize o cliente do aplicativo.

3

Para autenticar um usuário, use um dos provedores de autenticação dos App Services. Os App Services incluem provedores de autenticação com e-mail e senha incorporados personalizados do JWT, Facebook, Google, Apple e provedores anônimos.

4

Faça buscas no MongoDB diretamente do navegador usando seu usuário autenticado. O usuário só pode acessar os dados para os quais tem autorização.

Para mais informações, consulte Query MongoDB.

Ilustração do MongoDB de query
1

A GraphQL API do Atlas gera automaticamente um endpoint hospedado com queries e mutações do GraphQL com base em JSON schemas para os documentos em seu banco de dados de dados.

Configure a Autenticação do App Services com regras de acesso a dados para controlar quais usuários têm acesso a quais dados. Configure a GraphQL API no Atlas App Services.

2

Para acessar o App Services pelo navegador, inicialize o cliente do aplicativo.

3

Para autenticar um usuário, use um dos provedores de autenticação dos App Services. Os App Services incluem provedores de autenticação com e-mail e senha incorporados personalizados do JWT, Facebook, Google, Apple e provedores anônimos.

4

Consulte a GraphQL API usando um cliente GraphQL do navegador. Autentique solicitações com credenciais de usuário.

Saiba como consultar a GraphQL API com o cliente Apollo.

Imagem de integração da API

Você pode chamar funções sem servidor do seu aplicação cliente que são executadas em um backend do App Services.

Autentique usuários com provedores de autenticação integrados e de terceiros. Use o usuário autenticado para acessar os App Services.

Ilustração do App Services
Documentação essencial
Ícone de referência

Referência da API JavaScript

Explore documentos de referência para os SDKs JavaScript.

Referência da API JavaScript

Ícone do logotipo React

Início rápido com o React

Saiba como adicionar o SDK da Web ao seu aplicativo React.

Adicione o Realm ao projeto React

Ícone do logotipo do Next.js

Guia de integração do Next.js

Aprenda todas as maneiras de usar o SDK da Web com seu aplicativo Next.js.

Integre com Next.js

Explore projetos de exemplo fornecidos por especialistas e engenheiros para aprender as melhores práticas e padrões de desenvolvimento comuns usando o SDK da Web. Confira a página Projetos de exemplo para obter mais amostras de aplicativos.

Ícone offline do Atlas Device SDK

Conexão offline ao acesso ao banco de dados

Conecte-se em um usuário do Device Sync e abra um banco de dados sincronizado offline.

Exemplo de projeto

Ícone de usuários

Estado online do usuário

Detecta a conectividade e a atividade de usuários e dispositivos.

Exemplo de projeto