ネイティブ iOS アプリでサインアップを追加する - Microsoft Entra External ID

[アーティクル]
07/01/2024

このチュートリアルでは、ネイティブ認証を使用して iOS モバイルアプリで、メールのワンタイムパスコードまたはユーザー名 (メールアドレス) とパスワードの組み合わせを使用してユーザーをサインアップし、ユーザー属性を収集する方法について説明します。

メールのワンタイムパスコードまたはメールアドレスとパスワードの組み合わせを使用してユーザーを登録します。
サインアップ中にユーザー属性を収集します。
サインアップエラーを処理します。

前提条件

チュートリアル: ネイティブ認証用に iOS アプリを準備します。
サインアップ中にユーザ属性を収集する場合は、「サインアップとサインインのユーザーフローを作成するときにユーザー属性を構成します。

メールのワンタイムパスコードまたはメールアドレスとパスワードの組み合わせを使用してユーザーをサインアップするには、ユーザーからメールアドレスを収集し、メールのワンタイムパスコードを含むメールをユーザーに送信します。ユーザーは、有効なメールのワンタイムパスコードを入力し、ユーザー名を検証します。

ユーザーをサインアップするには、次の操作を行う必要があります。

以下にユーザーインターフェイス (UI) を作成します。
- ユーザーからメールアドレスを収集します。ユーザーが有効なメールアドレスを入力していることを確認するために、入力に検証を追加します。
- ユーザー名 (メールアドレス) とパスワードでサインアップした場合、パスワードを収集します。
- ユーザーからメールのワンタイムパスコードを収集します。
- 必要に応じて、ユーザー属性を収集します。
- ユーザーがコードを受信しなかった場合にワンタイムパスコードを再送信します。
- サインアップフローを開始します。
アプリで、select イベントによって次のコードスニペットをトリガーするボタンを追加します。
```
@IBAction func signUpPressed(_: Any) {
    guard let email = emailTextField.text else {
        resultTextView.text = "Email or password not set"
        return
    }

    nativeAuth.signUp(username: email, delegate: self)
}
```
- メールのワンタイムパスコードを使用してユーザーをサインアップさせるには、ライブラリの signUp(username:delegate) メソッドを使用します。これは、渡されたデリゲートオブジェクトのメソッドのいずれかを呼び出すことによって非同期で応答します。このオブジェクトは SignUpStartDelegate プロトコルを実装している必要があります。次のコード行は、ユーザーのサインアッププロセスを開始します。
```
nativeAuth.signUp(username: email, delegate: self)
```
  signUp(username:delegate) メソッドで、送信フォームに記載されたユーザーのメールアドレスとデリゲート (SignUpStartDelegate プロトコルを実装するクラス) を渡します。
- メールアドレスとパスワードの組み合わせを使用してユーザーをサインアップさせるには、次のコードスニペットを使用します。
```
@IBAction func signUpPressed(_: Any) {
    guard let email = emailTextField.text, let password = passwordTextField.text else {
        resultTextView.text = "Email or password not set"
        return
    }

    nativeAuth.signUp(username: email,password: password,delegate: self)
}
```
  ライブラリの signUp(username:password:delegate) メソッドを使用します。これは、渡されたデリゲートオブジェクトのメソッドのいずれかを呼び出すことによって非同期で応答します。このオブジェクトは SignUpStartDelegate プロトコルを実装している必要があります。次のコード行は、ユーザーのサインアッププロセスを開始します。
```
nativeAuth.signUp(username: email, password: password, delegate: self)
```
  signUp(username:password:delegate) メソッドで、ユーザーのメールアドレス、そのパスワード、およびデリゲート (SignUpStartDelegate プロトコルを実装するクラス) を渡します。
- クラスの拡張機能として SignUpStartDelegate プロトコルを実装するには、次のコマンドを使用します。
```
extension ViewController: SignUpStartDelegate {
    func onSignUpStartError(error: MSAL.SignUpStartError) {
        resultTextView.text = "Error signing up: \(error.errorDescription ?? "no description")"
    }

    func onSignUpCodeRequired(
        newState: MSAL.SignUpCodeRequiredState,
        sentTo: String,
        channelTargetType: MSAL.MSALNativeAuthChannelType,
        codeLength: Int
    ) {
        resultTextView.text = "Verification code sent to \(sentTo)"
    }
}
```
  signUp(username:password:delegate) または signUp(username:delegate) を呼び出すと、onSignUpCodeRequired() または onSignUpStartError() のデリゲートメソッドが呼び出されます。ユーザーのメールアドレスを確認するコードが送信されたことを示すために、onSignUpCodeRequired(newState:sentTo:channelTargetType:codeLength) が呼び出されます。このデリゲートメソッドには、コードが送信された場所と、コードに含まれる桁数の詳細に加えて、SignUpCodeRequiredState 型の newState パラメータもあります。これにより、次の 2 つの新しいメソッドにアクセスできます。
  - submitCode(code:delegate)
  - resendCode(delegate)
  ユーザーが指定したコードを送信するには、次のコマンドを使用します。
```
newState.submitCode(code: userSuppliedCode, delegate: self)
```
  - クラスの拡張機能として SignUpVerifyCodeDelegate プロトコルを実装するには、次のコマンドを使用します。
```
extension ViewController: SignUpVerifyCodeDelegate {
    func onSignUpVerifyCodeError(error: MSAL.VerifyCodeError, newState: MSAL.SignUpCodeRequiredState?) {
        resultTextView.text = "Error verifying code: \(error.errorDescription ?? "no description")"
    }

    func onSignUpCompleted(newState: SignInAfterSignUpState) {
        resultTextView.text = "Signed up successfully!"
    }
}
```
    submitCode(code:delegate) はデリゲートパラメータを受け取るため、SignUpVerifyCodeDelegate プロトコルで必要なメソッドを実装する必要があります。最も一般的なシナリオでは、ユーザーがサインアップされ、フローが完了したことを示す onSignUpCompleted(newState) の呼び出しを受け取ります。

ユーザーのサインアップにメールのワンタイムパスコードを使用するか、ユーザー名 (メールアドレス) とパスワードの組み合わせを使用するかに関係なく、ユーザーのアカウントが作成される前にユーザー属性を収集できます。 signUp(username:attributes:delegate) メソッドは、パラメーターとして属性を受け取ります。

ユーザー属性を収集するには、次のコードスニペットを使用します。
```
let attributes = [
    "country": "United States",
    "city": "Redmond"
]

nativeAuth.signUp(username: email, attributes: attributes, delegate: self)
```
signUp(username:attributes:delegate) または ignUp(username:password:attributes:delegate) により、onSignUpCodeRequired() または onSignUpStartError() のデリゲートメソッドが呼び出されるか、デリゲートで onSignUpAttributesInvalid(attributeNames: [String]) が実装されている場合はそれが呼び出されます。
クラスに拡張機能として SignUpStartDelegate プロトコルを実装するには、次のコードスニペットを使用します。
```
extension ViewController: SignUpStartDelegate {
    func onSignUpStartError(error: MSAL.SignUpStartError) {
        resultTextView.text = "Error signing up: \(error.errorDescription ?? "no description")"
    }

    func onSignUpCodeRequired(
        newState: MSAL.SignUpCodeRequiredState,
        sentTo: String,
        channelTargetType: MSAL.MSALNativeAuthChannelType,
        codeLength: Int
    ) {
        resultTextView.text = "Verification code sent to \(sentTo)"
    }

    func onSignUpAttributesInvalid(attributeNames: [String]) {
       resultTextView.text = "Invalid attributes  \(attributeNames)"
    }
}
```
属性が無効の場合は、メソッド onSignUpAttributesInvalid(attributeNames: [String]) が呼び出されます。この場合、無効な属性の一覧がユーザーに表示されます。それ以外の場合は、ユーザーのメールアドレスを確認するコードが送信されたことを示すために、onSignUpCodeRequired(newState:sentTo:channelTargetType:codeLength) が呼び出されます。コードの受信者やコードの桁数などの詳細とは別に、このデリゲートメソッドにはタイプ SignUpCodeRequiredState の newState パラメーターがあります。これにより、次の 2 つの新しいメソッドにアクセスできます。
- submitCode(code:delegate)
- resendCode(delegate)

1 つ以上のページで属性を使用する。

属性を 1 つ以上のページに分散させるには、顧客 ID およびアクセス管理 (CIAM) テナント構成で、さまざまなページにわたって収集する属性を必須として設定する必要があります。

属性を渡さずに signUp(username:password:delegate) を呼び出します。次の手順では、newState.submitCode(code: userSuppliedCode, delegate: self) を呼び出してユーザーのメールアドレスを検証します。

以前と同様にクラスの拡張機能としてSignUpVerifyCodeDelegate プロトコルを実装しますが、今回は必須メソッドに加えてオプションのメソッド onSignUpAttributesRequired(attributes:newState) を実装する必要があります。

extension ViewController: SignUpVerifyCodeDelegate {
    func onSignUpAttributesRequired(newState: SignUpAttributesRequiredState) {
        resultTextView.text = "Attributes required"
    }

    func onSignUpVerifyCodeError(error: MSAL.VerifyCodeError, newState: MSAL.SignUpCodeRequiredState?) {
        resultTextView.text = "Error verifying code: \(error.errorDescription ?? "no description")"
    }

    func onSignUpCompleted(newState: SignInAfterSignUpState) {
        resultTextView.text = "Signed up successfully!"
    }
}

このデリゲートメソッドには、SignUpAttributesRequiredState 型の newState パラメータがあり、これを使用して新しいメソッドにアクセスできます。

submitAttributes(attributes:delegate)

ユーザーが指定した属性を送信するには、次のコードスニペットを使用します。

let attributes = [
    "country": "United States",
    "city": "Redmond"
]

newState.submitAttributes(attributes: attributes, delegate: self)

また、クラスの拡張機能として SignUpAttributesRequiredDelegate プロトコルを実装します。

extension ViewController: SignUpAttributesRequiredDelegate {
    func onSignUpAttributesRequiredError(error: AttributesRequiredError) {
        resultTextView.text = "Error submitting attributes: \(error.errorDescription ?? "no description")"
    }

    func onSignUpAttributesRequired(attributes: [MSALNativeAuthRequiredAttribute], newState: SignUpAttributesRequiredState) {
        resultTextView.text = "Attributes required"
    }

    func onSignUpAttributesInvalid(attributeNames: [String], newState: SignUpAttributesRequiredState) {
        resultTextView.text = "Attributes invalid"
    }

    func onSignUpCompleted(newState: SignInAfterSignUpState) {
        resultTextView.text = "Signed up successfully!"
    }
}

ユーザーが必要なすべての属性を指定しない場合、または属性が無効な場合は、次のデリゲートメソッドが呼び出されます。

onSignUpAttributesInvalid: 送信された 1 つ以上の属性が入力検証に失敗したことを示します。このエラーには、attributeNames パラメータが含まれています。これは、入力検証に失敗した開発者によって送信されたすべての属性のリストです。
onSignUpAttributesRequired: ユーザーアカウントを作成するには、1 つ以上の属性の送信をサーバーが要求することを示します。これは、テナント構成で 1 つ以上の属性が必須として設定されている場合に発生します。この結果には、属性パラメータが含まれています。これは、API に必要なユーザー属性の詳細を示す MSALNativeAuthRequiredAttribute オブジェクトのリストです。

両方のデリゲートメソッドに新しい状態参照が含まれています。 newState パラメーターを使用して、新しい属性で submitAttributes(attributes:delegate) を再度呼び出します。

サインアップ中、すべてのアクションが成功するわけではありません。たとえば、ユーザーが既に使用中のメールアドレスでサインアップしようとしたり、無効なコードを送信したりすることがあります。

以前に SignUpStartDelegate プロトコルを実装した際は、onSignUpStartError(error) デリゲート関数を処理したときに単にエラーを表示していました。

特定のエラーの種類を管理してユーザーエクスペリエンスを高めるために、次のコードスニペットを使用します。

func onSignUpStartError(error: MSAL.SignUpStartError) {
    if error.isUserAlreadyExists {
        resultTextView.text = "Unable to sign up: User already exists"
    } else if error.isInvalidPassword {
        resultTextView.text = "Unable to sign up: The password is invalid"
    } else if error.isInvalidUsername {
        resultTextView.text = "Unable to sign up: The username is invalid"
    } else {
        resultTextView.text = "Unexpected error signing up: \(error.errorDescription ?? "no description")"
    }
}

サインアップフローが正常に完了したら、サインインフローを開始せずにユーザーをサインインさせることができます。詳細については、「チュートリアル: iOS アプリでサインアップ後にユーザーをサインインさせる」の記事を参照してください。

次のステップ

チュートリアル: ネイティブ認証を使用して iOS アプリにサインインとサインアウトを追加する。

次の方法で共有

前提条件

1 つ以上のページで属性を使用する。

次のステップ

フィードバック

フィードバック

その他のリソース

次の方法で共有

チュートリアル: ネイティブ認証を使用して iOS モバイル アプリでサインアップを追加する

前提条件

ユーザーをサインアップする

サインアップ中にユーザー属性を収集する

1 つ以上のページで属性を使用する。

サインアップ エラーを処理する

省略可能: サインアップ フロー後にサインインする

次のステップ

フィードバック

フィードバック

その他のリソース

チュートリアル: ネイティブ認証を使用して iOS モバイルアプリでサインアップを追加する

サインアップエラーを処理する

省略可能: サインアップフロー後にサインインする