> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# モバイル概要

同じサーバー側基盤に接続された Expo 面。

## 初めてのモバイルセッション

電話または近くにインストールされたシミュレータを使用して、コンピュータから以下のモバイル チュートリアルに従ってください。プロジェクトをインストールし、API パブリック アドレスを apps/mobile/.env.local に書き込み、Expo QR コードをスキャンします。 Expo は、デバイス上で React Native 画面を開く開発ツールです。

Next.js API および共有サーバー パッケージは、アカウント、データ、権限のソースとして残ります。これは、電話機が通信する実行中の Web バックエンドです。 Expo の QR サーバーは画面コードのみを配信します。プレビューが成功しても、バックエンド、サインイン、またはストアでの購入が構成されたことを意味するものではありません。このチュートリアルでは、各境界を順番にテストする方法を示します。

[完全なモバイル初回実行チュートリアルに従ってください](https://supastack.dev/ja/docs/mobile/ship-in-5-minutes.md)

[ツールをインストールしてコードを取得](https://supastack.dev/ja/docs/web/before-you-start.md)

[コマンドの実行方法とファイルの編集方法を学ぶ](https://supastack.dev/ja/docs/web/terminal-basics.md)


## コントラクトを共有し、プレゼンテーションはネイティブに

Expo には、ネイティブ サインインとセッション処理、ワークスペースと設定画面、チャット コントロール、RevenueCat 購入ワークフローが含まれています。 Next.js API および共有サーバー パッケージは、引き続き共有データ、承認、プロバイダー検証のソースとなります。ネイティブ画面では、サーバー資格情報を埋め込む代わりに、それらを呼び出します。

Expo アプリケーションは apps/mobile. に存在し、サーバー資格情報を埋め込むのではなく、API を通じて共有基盤を消費します。ネイティブ認証、安全なセッション ストレージ、ディープ リンク、チャット コントロール、および RevenueCat 購入プレゼンテーションには、それぞれクライアント モジュールがあります。


## API とアプリスキームを設定する

EXPO_PUBLIC_API_URL をエミュレーターや物理デバイスから到達可能な API オリジンに設定します。電話上の localhost はその電話を意味するので、適切な到達可能な開発ホストを使います。EXPO_PUBLIC_APP_SCHEME はアプリのディープリンクスキームを識別します。

コールバックをテストする前に apps/mobile/app.config.ts と認証設定を確認してください。Expo の公開値はクライアントにバンドルされるため、プロバイダーの秘密を含めてはいけません。


## ターゲットデバイスで検証する

最初に、決定論的なセッション ストレージ、ディープリンク、チャット キャンセル、資格付与のテストを実行します。次に、意図した EAS 開発ビルドでサインインの復帰、セッションの復元、サインアウト、購入の同期を確認します。 Expo Go は実店舗での購入を検証できません。

物理デバイスとプロバイダー受け入れは Web ローカルゴールデンパスとは別です。リリースターゲットごとに明示的に追跡してください。


設定を続けるには、[モバイルアプリを実行する](https://supastack.dev/ja/docs/mobile/local-setup.md)をご覧ください。


## 次へ

[モバイルアプリを5分で起動](https://supastack.dev/ja/docs/mobile/ship-in-5-minutes.md)