Docs Menu

React Native 用の Atlas Device SDK

Atlas Device SDKReact NativeiOSのJavaScript Typescriptを使用して、 または で および Android アプリを開発します。

ラーニング パス
関数アイコン

クイック スタート

SDK の操作方法を示す最小限の説明コード例。 デバイス データベースに書き込み、他のデバイスと同期します。

コード例 を参照

Atlas Device SDK モバイル アイコン

動作するサンプルアプリ

React Native SDK を使用する動作する React Native クライアント アプリを分割することで、例えから学びます。

サンプルアプリを調べる

チュートリアル アイコン

ガイド付きチュートリアル

ガイド付きチュートリアル に従って、サンプル アプリを調整して独自の動作アプリを作成する方法を学びます。

チュートリアルに従う

実現できること

SDK のオープンソース データベースである Realm - を使用して、デバイスにデータを保存します。 Device Sync を使用して、MongoDB Atlas クラスターや他のクライアントとデータを同期します。

1

React Native と SDK を使用してプロジェクトを設定します。 開始するには React Native SDK をインストールします。

2

JavaScript を使用して、オブジェクト スキーマを慣用的に定義します。

3

ロード時に初期データを入力する、暗号化キーを使用してデータを保護するなどの操作を実行するようにデータベースを構成できます。 データの操作を開始するには、データベースを構成して開きます。

4

デバイス データベースからオブジェクトを作成読み取り更新削除したりできます。 データをフィルタリングするために複雑なクエリを作成します。

5

ライブ オブジェクトとは、データが常に最新であることを意味します。 変更リスナーを に登録すると、 に対応し、UIReact の更新などのロジックが実行されます。

Atlas Device SDK モバイルのイラスト
1

App Services App で Device Sync を構成します。 データアクセス ルールを定義するか、開発モードを使用してクライアントのデータモデルからスキーマを推測します。 次に、 React Native アプリからバックエンド アプリに接続します。

2

App Services は、カスタムJSON web token認証、組み込みのメール/パスワード プロバイダー、匿名認証、Apple、Google、 Facebookなどの一般的な認証プロバイダへのアクセスを提供します。 これらのプロバイダーを使用して、クライアント内のユーザーを認証します。

3

データの同期を開始するには、 同期されたデータベース を開きます。 To determine what data a synced database can read and write, subscribe to a query.

4

データの読み取りと書き込み用の API は、同期されたデータベースと同期されていないデータベースの両方で同じです。 デバイスに読み書きするデータは、Atlas クラスターや他のクライアントと自動的に同期されます。 アプリはオフラインでも動作し続け、ネットワーク接続が利用可能な場合には変更を同期します。

Device Sync の図

Realm SDK を使用して React Native アプリケーションで Atlas App Services を使用します。

React Native クライアントからサーバーレス バックエンド ロジックを呼び出すには、 Atlas Functions を呼び出します。

MongoDB Data Access を使用して、クライアント アプリケーション コードから MongoDB に保存されているデータを直接クエリします。

組み込み認証プロバイダーとサードパーティ認証プロバイダーを使用してユーザーを認証します。 認証されたユーザーを使用して App Services にアクセスします。

App Services のイラスト

@realm/react は、データベースへのクエリや書き込み、オブジェクトへの変更のリッスンなど、React Native アプリで一般的な SDK 操作を実行するための簡単に使用できる API を提供する npm パッケージです。 @realm/reactには、SDK を操作するための React コンテキスト、プロバイダー、フックが含まれています。

データベース、Atlas App Services、Atlas Device Sync の管理には@realm/reactを使用します。

Atlas Device SDK モバイルのイラスト
必須ドキュメント
Atlas Device SDK アイコン

JavaScript API リファレンス

の生成された参照Docs React Native SDKをご覧ください。

React Native 参照

エクスポート アイコン

エクスポート を使用した React Native クイック スタート

@realm/reactと Performance テンプレート アプリケーションを使用して、React Native アプリケーションを迅速に構築、配置します。

クイック スタートを調べる

React Native SDK を使用して、エンジニアリング プロジェクトと専門家が提供するサンプル プロジェクトを探索して、ベストプラクティスと一般的な開発パターンを学びます。 その他の React Native サンプル アプリについては、「 サンプルプロジェクト」ページをご覧ください。

モバイル データベース アイコン

Netflix のような映画アプリ

MongoDB の Mflix サンプル データセットから映画を参照するための Netflix のようなアプリを構築します。 複数のデータベースを使用して、ユーザーが自分のプライベート リストで映画を同期および管理できるようにします。

サンプル プロジェクト

Realm オフライン アイコン

オフライン ログインとデータベース アクセス

Device Sync ユーザーとしてログインし、同期されたデータベースをオフラインで開きます。

サンプル プロジェクト

ユーザー アイコン

ユーザーのオンライン状態

ユーザーとデバイスの接続とアクティビティを検出します。

サンプル プロジェクト

クラウド モバイル転送アイコン

接続状態の変更とエラーの処理

同期エラーとクライアント リセット戦略の処理に関するベストプラクティスを学びます。

サンプル プロジェクト