用户可以通过 Apple 账号登录/注册系统
Last updated
{
// 第三方源：支持的第三方登录来源
// 可选值包括：google, facebook, twitter, telegram, apple, metamask, 多个可用逗号隔开
"thirdSource": "google,apple" // 示例：使用 Google apple登录
}{
// 第三方源：支持的第三方登录来源，例如 "google", "facebook", "twitter", "telegram", "apple", "metamask"
"thirdSource": "apple", // 示例：使用 apple 登录
// 客户端 ID：第三方应用的唯一标识符
"clientId": "abcesddff", // 示例：您的应用在 Twitter 上的客户端 ID
// 开发者账号：与第三方源关联的开发者邮箱
"developerAccount": "[email protected]" // 示例：开发者的邮箱地址
}<html>
<head>
</head>
<body>
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
</body>
</html>AppleID.auth.init({
clientId: 'YOUR_CLIENT_ID', // 上一步获取到的客户端 ID
scope: 'email', // 请求的权限，例如用户的邮箱
redirectURI: 'YOUR_REDIRECT_URI', // 登录成功后重定向的 URI，通常为当前页面的 URL
state: 'YOUR_STATE', // 用于防止 CSRF 攻击的随机字符串
usePopup: true // 可选项，设置为 true 使用弹出窗口登录
});function loginWithApple() {
window.AppleID.auth.signIn()
}// 监听 Apple ID 授权成功事件
document.addEventListener('AppleIDSignInOnSuccess', (event) => {
// 处理成功的响应
appleVerify({
idToken: event.detail.authorization.id_token, // 获取用户的 ID Token
code: event.detail.authorization.code // 获取授权码
email: event.detail.user.email
});
});
{
// 授权码，用于 web 端登录时验证，必填
"code": "exampleAuthCode",
// 邮箱，app 端可选传
"email": "[email protected]",
// 身份 Token，app 端必传
"identityToken": "exampleIdentityToken",
// ID Token，web 端必传
"idToken": "exampleIdToken",
// 第三方开放 ID，app 端必传
"openId": "exampleOpenId"
}{
// 下一步操作行为：支持的操作类型，如 "login"、"bind"、"register"
"action": "login", // 示例：表示用户进行登录操作
// 三方返回的用户邮箱
"email": "[email protected]",
// 校验失败的原因（如果有）
"failReason": "Invalid credentials",
// 三方返回的用户手机号
"phone": "+1234567890",
// 校验结果：表示校验是否成功，true 为成功，false 为失败
"result": true, // 示例：表示校验成功
// 第三方登录源：支持的来源，例如 "google"、"facebook"、"twitter"
"thirdSource": "apple",
// 校验 token：用于身份验证的 token
"token": "exampleToken123",
// 第三方用户 ID：用户在第三方平台的唯一标识符
"userId": "thirdPartyUserId",
// 第三方授权凭证：用于访问第三方 API 的凭证
"authToken": "authToken123"
}
const appleVerify = (data: UserService.LoginVerifyRes) => {
// 获取操作类型、失败原因和第三方来源
let { action, failReason, thirdSource } = data;
// 根据操作类型进行不同的处理
if (action === 'register') {
// 注册操作
register(data); 注册
} else if (action === 'login') {
// 登录操作
login(data);
} else if (action === 'bind') {
// 绑定操作
login(data);
} else {
// 操作不符合预期，显示失败原因
Toast.error(failReason);
}
};