Overview
Esta página muestra cómo conectar el SDK web de Realm a un backend de Atlas App Services, autenticar a un usuario y trabajar con datos. Antes de comenzar, necesitará... Crea una aplicación para que la use tu aplicación web.
Instalar el SDK web
npm install realm-web
yarn add realm-web
Agregar un <script> etiqueta al <head> de tu archivo HTML para cargar el Realm Web SDK como una variable global desde una red de distribución de contenido.
Utilice la versión más reciente:
<script src="https://unpkg.com/realm-web/dist/bundle.iife.js"></script>
O importar una versión específica:
<script src="https://unpkg.com/realm-web@1.5.1/dist/bundle.iife.js"></script>
Importar el SDK web
Cerca de la parte superior de cualquier archivo JavaScript o TypeScript que use Realm, agregue la siguiente declaración de importación:
import * as Realm from "realm-web";
Nota
Si cargó el SDK con la etiqueta <script>, no necesita importarlo para usarlo. Puede acceder a él mediante la variable global Realm.
Inicializar la aplicación
Para usar las funciones de App Services, como la autenticación y la sincronización, accede a tu aplicación de App Services con tu ID de aplicación. Puedes encontrarlo en la interfaz de App Services.
// Add your App ID const app = new Realm.App({ id: APP_ID });
Autenticar un usuario
Cuando la autenticación anónima está habilitada, los usuarios pueden iniciar sesión en su aplicación sin proporcionar ninguna información de identificación:
// 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 ofrece muchas formas adicionales de autenticar, registrar y vincular usuarios.
Llamar a una función
Para llamar a una función, utilice la Realm.User.functions interfaz para llamar a sus funciones sin servidor como si fueran funciones JavaScript normales definidas en el objeto.
const summed = await user.functions.sum(2, 3); console.assert(summed === 5);