web-dev-qa-db-ja.com

「Appleでサインイン」をApple JSで使用する方法

Apple JSを介してWebで「Appleでサインイン」を使用します。コード例はここにあります： https://developer.Apple.com/documentation/signinwithapplejs/configuring_your_webpage_for_sign_in_with_Apple

ここでの質問は、クライアントIDとは何か、どこにあるのか、ということです。 https://developer.Apple.com/account/resources/identifiers/list でアプリIDの識別子をテストし、サービスIDの識別子をテストしました。 MacでボタンをクリックしてTouch IDで確認すると、「AUTH_ALERT_SIGN_UP_NOT_COMPLETED」というエラーが表示されます。

enter image description here

これは使用されたコードです：

<html>
    <head>
    </head>
    <body>
        <button id="sign-in-with-Apple-button"> Sign In with Apple </button>
        <script type="text/javascript" src="https://appleid.cdn-Apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
        <script type="text/javascript">
            AppleID.auth.init({
                clientId : 'unknown',
                scope : 'email',
                redirectURI: 'https://mytld/test.php',
                state : 'DE'
            });

            const buttonElement = document.getElementById('sign-in-with-Apple-button');
            buttonElement.addEventListener('click', () => {
                AppleID.auth.signIn();
            });
        </script>
    </body>
</html>

Test.phpでリクエストがありませんでした。

javascripthtmlapple-sign-in
10
Hanashi

クライアントIDは、「Sign In with Apple」が有効になっている Service ID の「識別子」です。

Service ID Configuration

サービスIDの登録画面 で次の形式にすることをお勧めします。

逆ドメイン名スタイルの文字列（つまり、com.domainname.appname）を使用することをお勧めします。アスタリスク（*）を含めることはできません。

10
Kaspars