Sign In with Apple for Web Page

Hello,

I have integrated Sign In with Apple into my Swift App. Now I'd like to add Sign In with Apple into my website. I followed the instructions at https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js/configuring_your_webpage_for_sign_in_with_apple and resulted in an html page:

<html>
        <head>
                <meta name="appleid-signin-client-id" content="colourworker.SPAD">
                <meta name="appleid-signin-scope" content="name email">
                <meta name="appleid-signin-redirect-uri" content="https://colourworker.com/apps/photofolia/applesignedin.html">
                <meta name="appleid-signin-state" content="init">
                <meta name="appleid-signin-nonce" content="NONCE">
                <meta name="appleid-signin-use-popup" content="true">   
        </head>
        <body>
                <h1>Sign in with Apple</h1>
                <div id="appleid-signin" data-color="black" data-border="true" data-type="sign in"></div>
                <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
        </head>
</html>

I have added https://colourworker.com/apps/photofolia/applesignedin.html to the list of Return URLs at https://developer.apple.com/account/resources/identifiers/serviceId/edit/ZSM7Q3SMVH.

But when clicking on the Sign In With Apple button I get the following error: "invalid_request Invalid client id or web redirect url."

Any ideas of what I'm doing wrong?

Answered by DTS Engineer in 806326022

Hi @avt232,

Please ensure the client_id value matches the Services ID configured for your developer account. For websites, the client ID is the Services ID; for native apps, the client ID is the bundle ID of the app. For more information about the Services ID, please see the documentation below:

Configuring your environment for Sign in with Apple: Create a Services ID

https://developer.apple.com/documentation/sign_in_with_apple/configuring_your_environment_for_sign_in_with_apple#3743937

Also, please see the following technote to learn how to troubleshoot your Sign in with Apple error responses:

TN3107: Resolving Sign in with Apple response errors

https://developer.apple.com/documentation/technotes/tn3107-resolving-sign-in-with-apple-response-errors

Cheers,

Paris X Pinkney |  WWDR | DTS Engineer

Hi @avt232,

Please ensure the client_id value matches the Services ID configured for your developer account. For websites, the client ID is the Services ID; for native apps, the client ID is the bundle ID of the app. For more information about the Services ID, please see the documentation below:

Configuring your environment for Sign in with Apple: Create a Services ID

https://developer.apple.com/documentation/sign_in_with_apple/configuring_your_environment_for_sign_in_with_apple#3743937

Also, please see the following technote to learn how to troubleshoot your Sign in with Apple error responses:

TN3107: Resolving Sign in with Apple response errors

https://developer.apple.com/documentation/technotes/tn3107-resolving-sign-in-with-apple-response-errors

Cheers,

Paris X Pinkney |  WWDR | DTS Engineer

Sign In with Apple for Web Page
 
 
Q