Início rápido - SDK da Web
Nesta página
Visão geral
Esta página mostra como conectar o Realm Web SDK a um back-end do Atlas App Services , autenticar um usuário e trabalhar com dados. Antes de começar, você precisará criar um aplicativo para seu aplicativo da web usar.
Instalar o Web SDK
npm install realm-web
yarn add realm-web
Adicione uma marcação <script> ao <head> do seu arquivo HTML para carregar o Realm Web SDK como uma variável global de uma rede de entrega de conteúdo.
Use a versão mais recente:
<script src="https://unpkg.com/realm-web/dist/bundle.iife.js"></script>
Ou importe uma versão específica:
<script src="https://unpkg.com/realm-web@1.5.1/dist/bundle.iife.js"></script>
Importar o Web SDK
Próximo à parte superior de qualquer arquivo JavaScript ou TypeScript que use o Realm, adicione a seguinte declaração de importação:
import * as Realm from "realm-web";
Observação
Se você carregou o SDK usando uma tag <script> , não será necessário importar o SDK para usá-la. Em vez disso, você pode acessá-la usando a variável global Realm .
Inicialize o aplicativo
Para usar as funcionalidades do App Services, como autenticação e sincronização, acesse o App Services App usando seu ID do aplicativo. O ID do aplicativo está disponível na UI do App Services.
// Add your App ID const app = new Realm.App({ id: APP_ID });
Autenticar um usuário
Quando a autenticação anônima está ativada, os usuários podem fazer login no seu aplicativo sem fornecer nenhuma informação de identificação:
// Create an anonymous credential const credentials = Realm.Credentials.anonymous(); // Authenticate the user const user = await app.logIn(credentials); // `App.currentUser` updates to match the logged in user console.assert(user.id === app.currentUser.id);
App Services oferecem muitas maneiras adicionais de autenticar, registrar e vincular usuários.
Chamar uma função
Para chamar uma função, use a interface Realm.User.functions para chamar suas funções sem servidor como se fossem funções JavaScript regulares definidas no objeto.
const summed = await user.functions.sum(2, 3); console.assert(summed === 5);