> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-actions-triggers-prototype.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# シングルページアプリケーションでの埋め込み型パスワードレス認証

> シングルページアプリケーション（SPA）で埋め込み型ログインのパスワードレス認証を実装する方法について説明します。

<Warning>
  Web用の埋め込みログインは、クロスオリジン認証を使用します。一部のブラウザーでは、[カスタムドメイン](/docs/ja-jp/customize/custom-domains)を設定して **同じドメインにアプリをホスト** しないと、[クロスオリジン認証の信頼性が欠ける可能性があります](/docs/ja-jp/authenticate/login/cross-origin-authentication)。カスタムドメインを使用できない場合は、ユニバーサルログインへの移行を検討してください。
</Warning>

## Auth0のSDKで埋め込みログインを実装する

パスワードレスログインを実装するには、Auth0のLockウィジットを使用するか、ユーザーエクスペリエンスを隅々までコントロールしたい場合にはAuth0.jsで実装することができます。

* [Web用のLock](/docs/ja-jp/libraries/lock)
* [Auth0.js v9リファレンス](/docs/ja-jp/libraries/auth0js)

### クロスオリジンのリソース共有（CORS）を構成する

セキュリティ上の理由により、アプリケーションのオリジンURLが承認済みURLのリストに含まれている必要があります。アプリケーションの **Allowed Callback URLs（許可されているコールバックURL）** に追加されていない場合は、 **Allowed Origins (CORS)（許可されているオリジン（CORS））** のリストに追加する必要があります。

1. [［Auth0 Dashboard］>［Applications（アプリケーション）］>［Applications（アプリケーション）］](https://manage.auth0.com/#/applications)に移動し、設定を表示するアプリケーションを選択します。
2. **［Allowed Origins (CORS)（許可されているオリジン（CORS））］** にアプリケーションの[オリジンURL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Origin)を入力してから、 **［Save Changes（変更の保存）］** を選択します。