开发Web应用集成Apple Sign-in时遇到invalid_client错误求助

开发者阿泽

2026-7-30

以下是针对你遇到的invalid_client错误的具体排查和解决步骤：

1. 修正Scope参数格式

你的代码中scope参数格式错误，Apple JS API的scope不需要加scope=前缀，直接传权限字符串即可。修正后的代码如下：

<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
<div id="appleid-signin" data-color="black" data-border="true" data-type="sign in"></div>
<script type="text/javascript">
    AppleID.auth.init({
        clientId : 'NVNY9NG38Y',
        scope : 'email', // 去掉多余的scope=前缀
        redirectURI : 'https://www.annastudio.beauty/appoint',
        state : 'Initial user authentication request',
        usePopup : true
    });
</script>

2. 验证Client ID正确性

确认你使用的clientId是服务ID（Services ID），而非App ID。Web应用集成Apple Sign-in必须使用服务ID，需在Apple Developer后台的"Certificates, Identifiers & Profiles"中创建。
检查Client ID字符串NVNY9NG38Y是否与后台配置完全一致，大小写、特殊字符都不能有差异。

3. 核对重定向URI

代码中的redirectURI必须与Apple Developer后台服务ID配置的重定向URI完全匹配，包括协议（必须是HTTPS）、域名、路径，不能有多余的斜杠或大小写错误。
确保该URI对应的页面可以正常访问，没有跳转或404问题。

4. 确认域名已验证

登录Apple Developer后台，检查服务ID关联的域名是否已完成验证：上传Apple提供的apple-developer-domain-association.txt文件到网站根目录下的.well-known文件夹（即访问https://www.annastudio.beauty/.well-known/apple-developer-domain-association.txt可以看到文件内容）。
确保代码部署的域名（www.annastudio.beauty）已添加到后台的域名列表中，包含子域名的话需要单独配置或使用通配符。