# Stripe Apps のアカウント登録

Stripe アプリのアカウント登録フローを構築する方法をご紹介します。

## Before you begin

[アプリを作成します](https://docs.stripe.com/stripe-apps/create-app.md)。

## ベストプラクティス

理想的なアカウント登録の流れは：

- **エフォートレス**:アカウント登録は迅速かつ簡単に行うことができ、ユーザーは目の前のタスクに集中し、必要な情報のみを提供することができます。
- **カスタマイズ可能**:アカウント登録はユーザーのニーズに基づいて拡大も縮小も可能です。フローは汎用性があり、かつ集中できるようにしましょう。
- **関連事項**：ユーザーはアプリを使い始めるために最も重要なタスクを完了することができます。

## アカウント登録フロー

最小限のセットアップで、ユーザーができるだけ早くアプリを使用できるようにします。アカウント登録のフローは簡潔にし、ユーザーの Stripe アカウントとプロダクトを連結するためのオーソリを含めましょう。

ユーザーがアプリを使用する前に設定タスクを完了する必要がある場合は、`onboarding` [viewport](https://docs.stripe.com/stripe-apps/reference/viewports.md) の [OnboardingView](https://docs.stripe.com/stripe-apps/components/onboardingview.md) コンポーネントを使用して、必要な設定タスクを明確に伝えてください。各アカウント登録ステップでは、「Continue」など次のステップに進むための主要なアクションを表示してください。

> アカウント登録画面コンポーネントは、新機能のガイダンス、プロモーションオファー、アカウント登録に関係のない大きなドキュメントの表示には使用できません。

### アカウント登録フローを開始する

ユーザーがアプリをインストールしたら、[インストール後アクション](https://docs.stripe.com/stripe-apps/post-install-actions.md#link-to-onboarding)としてアカウント登録フローを開始します。[ディープリンク](https://docs.stripe.com/stripe-apps/deep-links.md)を作成して、アプリのドロワーやメールなど、他のソースからアカウント登録フローを開始することもできます。

アカウント登録体験をカスタマイズするには、[environment.queryParams](https://docs.stripe.com/stripe-apps/reference/extensions-sdk-api.md#environment) を使用してコンテキストを渡します。たとえば、`?app_task=rewardsConfig` のディープリンクにより、ユーザーは特定のステップからアカウント登録を再開できます。また、`?app_source=email` は、ユーザーがアカウント登録フローに到達した経路を追跡します。

## サインインフロー

ユーザーがすでにプロダクトのアカウントを持っているかどうかを検出し、サインインフローに入ることを許可します。サインインフローは、次の例に示すように、最も抵抗の少ない経路を提供し、不必要なステップを避ける必要があります：
![](https://b.stripecdn.com/docs-statics-srv/assets/activation-flow-01.03627e4cf7c6d6f62583c6814248114e.png)

ユーザーが設定プロセスの一部としてサインインする必要がある場合、[サインイン画面](https://docs.stripe.com/stripe-apps/components/signinview.md) コンポーネントをアカウント登録時のステップとして使用します。

ユーザーが外部のサイトにサインインする必要がある場合は、Stripe ダッシュボード内ではなく、必ずそのサイトで機密情報を回収してください。これにより、パスワードの漏洩を防ぐことができます。

サインイン完了後、常にユーザーを Stripe にリダイレクトします。