メインコンテンツまでスキップ

匿名サインアップ

このアプリでは、匿名サインアップ機能を提供します。初期のID・パスワードを備えた匿名アカウントが自動で作成されるため、ユーザはサインアップ操作なしに匿名アカウントを使用してアプリの利用を開始できます。

匿名サインアップにより、ログイン資格情報を備えた匿名アカウントがアプリとバックエンドで自動生成されます。このアプリにおけるログイン資格情報は以下を表します。

  • アカウントID
  • パスワード

作成したログイン資格情報は、自動ログインで利用するためセキュアストレージに保存します。

処理フロー

匿名サインアップの処理フローは以下になります。

匿名サインアップの処理フロー

No処理内容
パスワードの自動生成アプリは、パスワードを自動生成します。パスワードは16桁のランダムな文字列で構成されます。
サインアップのリクエストアプリは、ニックネームと生成したパスワードを用いてバックエンドにサインアップリクエストを送ります。
アカウントIDの自動生成バックエンドは、サインアップリクエストを受け取ると、アカウントIDを自動生成します。アカウントIDはUUID(v4)で生成します。
アカウント情報の登録バックエンドは、生成したアカウントIDとアプリから受け取ったパスワードなどを用いてアカウント情報を保持します。
アカウント情報の返却バックエンドはアプリにアカウント情報を返却します。
ログイン資格情報の保存アプリは、受け取ったアカウント情報からアカウントIDを取得し、パスワードと共にアカウントIDに紐づくパスワードとしてセキュアストレージに保存します。

利用方法

useAuthCommandsの戻り値のsignup関数を使用してサインアップします。このメソッドを使用する前に、バックエンドからCSRFトークンを取得する必要があります。

サインアップの利用方法
const {signup} = useAuthCommands();
try {
// CSRFトークンの取得
await refreshCsrfToken();
// サインアップ
await signup({nickname: values.nickname});
} catch (e) {
// エラー処理
}