Atlas Device SDK Ex テンプレート は、Atlas Device SDK でアプリ開発プロジェクトをブートストラップするために使用できる完全に動作するReact Nativeアプリケーションを提供します。このガイドでは、テンプレートを初期化して操作する方法について説明します。
エクスポート テンプレートは以下を使用します。
Explorer: React Nativeアプリケーションの開発、ビルド、配置するためのフレームワーク。
邦土/ React :データベースへのクエリや書き込み、データベースオブジェクトのリッスンなど、一般的なRealm操作を実行するための簡単に使用できるAPIを提供するnpmパッケージ。
前提条件
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 オブジェクト スキーマ を定義し、 と |
App.ts | タスクを作成、アップデート、削除するメソッドを含むアプリケーションへのエントリポイント。 |
TaskList.tsx | データベースから Task オブジェクトのリストを取得し、各オブジェクトを |
TaskItem.tsx | タスクの説明、タスクの完了ステータスを切り替えるためのチェックボックス、タスクを削除するボタンを表示する React コンポーネント。 |
アプリケーションの構築と実行
Android エミュレータでアプリケーションを実行するには、アプリケーションルートから次のコマンドを実行します。
npx expo run:android
iOSシミュレーターでアプリケーションを実行するには、アプリケーションルートから次のコマンドを実行します。
npx expo run:ios
上記のコマンドを実行すると、エクスポート 開発クライアントが自動的に起動します。エクスポート dev-client を閉じて、ネイティブのビルドプロセスを再度待たずに再起動する場合は、次のコマンドを実行します。
npx expo start --dev-client
ただし、ネイティブ コードに変更を加えた場合、ネイティブiOS/ Androidアプリを再構築するために npx
expo run:ios または npx expo run:android を再実行する必要があります。
アプリケーションの配置
アプリケーションを展開するには、エクスポート アプリケーションとReact Nativeアプリ用の深く統合されたクラウドサービスのスイートである Express アプリケーション サービス（EAS） を使用することをお勧めします。EA を使用すると、アプリをコンパイルして署名したり、単一の CLI コマンドでアプリをApple App Storeまたは Google Play ストアにアップロードしたり、バグ修正や小さな変更をアプリユーザーに直接プッシュしたりできます。
または、ネイティブ ビルドの作成、アプリストアへの配置、一般的なApp Store の拒否の回避、およびさまざまなリリース環境の管理方法については、Explorer ディストリビューションの概要 ガイドをお読みください。