エクスポート を使用したブートストラップ - React Native SDK
Atlas Device SDK Explorer テンプレート は、Atlas Device SDK でアプリ開発プロジェクトをブートストラップするために使用できる完全に動作する React Native アプリケーションを提供します。このガイドでは、テンプレートを初期化して操作する方法について説明します。
エクスポート テンプレートは以下を使用します。
エクスポート : React Native アプリケーションの開発、ビルド、配置するためのフレームワーク。
@realm/React :npm APIRealmデータベースへのクエリや書き込み、データベース オブジェクトのリッスンなど、一般的な 操作を実行するための簡単に使用できる を提供する パッケージ。
前提条件
Explorer SDK v48 以降
互換性チャート を確認 を使用して、エクスポート SDK のどのバージョンが特定の React Native SDK バージョンと互換性があるかを判断します。
テンプレートを初期化
テンプレート アプリケーションを初期化するには、 create-expo-appを使用します。 フラグ--template @realm/expo-templateを渡して、Device SDK テンプレートに基づいて React Native アプリケーションを初期化します。
ターミナルで次のコマンドを実行します。
npx create-expo-app AtlasDeviceSdkApp --template @realm/expo-template
アプリの依存関係をインストールします。
npm install
ファイル構造の調査
関連するファイルは次のとおりです。
ファイル | 目的 |
|---|---|
Task.ts | TypescriptTask オブジェクト スキーマ を定義し、 と RealmProvider フックを返す ファイル。 |
App.ts | タスクを作成、アップデート、削除するメソッドを含むアプリケーションへのエントリポイント。 RealmProviderコンポーネントはAppコンポーネントをラップし、アプリケーション全体に Realm へのアクセスを提供します。 |
TaskList.tsx | データベースから Task オブジェクトのリストを取得し、各オブジェクトを TaskItemコンポーネントとしてレンダリングする React コンポーネント。 |
TaskItem.tsx | タスクの説明、タスクの完了ステータスを切り替えるためのチェックボックス、タスクを削除するボタンを表示する React コンポーネント。 |
アプリケーションの構築と実行
Android エミュレータ でアプリケーションを実行するには 、アプリケーション ルートから次のコマンドを実行します。
npx expo run:android
iOS シミュレーター でアプリケーションを実行するには 、アプリケーション ルートから次のコマンドを実行します。
npx expo run:ios
上記のコマンドを実行すると、エクスポート 開発クライアント は自動的に開始します。エクスポートdev-clientを閉じて、ネイティブのビルドプロセスを再度待たずに再起動する場合は、次のコマンドを実行します。
npx expo start --dev-client
ただし、 ネイティブ コードに変更を加えた 場合、 の場合、ネイティブnpx
expo run:ios npx expo run:androidiOS/Android アプリを再構築するには、 または を再実行する必要があります。
アプリケーションの配置
アプリケーションを配置するには、 Expo Application Services（EAS） を使用することをお勧めします。 は、エクスポート アプリと React Native アプリ用の深く統合されたクラウド サービスのスイートです。EA ではコンパイルと 署名 が可能です アプリを使用する場合は、1 つの CLI コマンドでアプリを Apple App Store または Google Play ストアにアップロードし、バグ修正や小さな変更をアプリユーザーに直接プッシュします。
または、 Explain ディストリビューションの概要 をご覧ください ガイドを使用して、ネイティブビルドの作成、アプリストアへのデプロイ、一般的なApp Store の拒否回避、およびさまざまなリリース環境の管理方法を学習します。