Docs 菜单

适用于 Web 的 Atlas Device SDK

Atlas Device SDK for the Web 允许基于浏览器的应用程序访问 Atlas 中存储的数据,并与 Function 和身份验证等 App Services 服务进行交互。Web SDK 同时支持 JavaScript 和 TypeScript。

通过此 SDK 构建的 Web 应用可使用以下方法查询 Atlas:

  • 附带 MongoDB 客户端的标准 MongoDB 查询 API

  • Atlas Device Sync

与其他 SDK 不同,Web SDK 仅支持创建内存数据库,而不支持可持久化到磁盘的数据库。

学习路径
功能图标

快速入门

关于如何使用 Web SDK 的最简单易懂的代码示例。

查看代码示例

Atlas Device SDK 移动图标

有效示例应用

通过剖析一个使用 Web SDK 和 Atlas GraphQL API 的可运行的 React 应用程序示例来进行学习。

探索示例应用

您能做什么

通过结合使用 Web SDK 和 Atlas App Services 实现以下操作:直接查询 MongoDB,查询 GraphQL API,调用无服务器函数,管理用户身份验证等。

1

可以使用 Web SDK 直接从浏览器查询 MongoDB Atlas 数据。执行 CRUD、聚合并监听数据库更改。

首先,您必须创建一个 App Services App ,设置数据库规则启用用户身份验证。

2

要从浏览器访问 App Services App,请初始化 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,请初始化 App 客户端

3

要对用户进行身份验证,请使用其中一个 App Services 身份验证提供者。App Services 包括自定义 JWT、Facebook、Google、Apple、匿名和内置电子邮箱/密码身份验证提供者。

4

使用GraphQL客户端从浏览器查询GraphQL API 。 使用用户档案对请求进行身份凭证。

了解如何使用 Apollo 客户端查询GraphQL API 。

API集成映像

您可以从在App Services后端运行的客户端应用程序调用无服务器函数

使用内置和第三方身份验证提供程序对用户进行身份验证。使用经过身份验证的用户访问 App Services。

App Services插图
基本文档
参考图标

JavaScript API 参考文档

浏览 JavaScript SDK 的参考文档。

JavaScript API 参考文档

React 徽标图标

React 快速入门

了解如何将 Web SDK 添加到您的 React 应用程序中。

将 Realm 添加到 React 项目

Next.js 徽标图标

Next.js 集成指南

了解将 Web SDK 与 Next.js 应用程序结合使用的所有方法。

与 Next.js 集成

探索工程和专家提供的示例项目,从而了解使用 Web SDK 的最佳实践和常见开发模式。查看示例项目页面,了解更多样本应用。

用户图标

用户的在线状态

检测用户和设备的连接与活动。

示例项目