reactjs - 使用 Apple id 登录会返回“invalid_request 无效的 Web 重定向 url”。
问题描述
我正在尝试在我的 NextJS 项目中将 Login 与 Apple id 集成。对于身份验证,我选择了 package next-auth
。因此,在 next-auth 的文档中,它需要以下数据:
import Providers from `next-auth/providers`
...
providers: [
Providers.Apple({
clientId: process.env.APPLE_ID,
clientSecret: {
teamId: process.env.APPLE_TEAM_ID,
privateKey: process.env.APPLE_PRIVATE_KEY,
keyId: process.env.APPLE_KEY_ID,
}
})
]
...
我使用此链接为我的帐户创建凭据。
对于clientId
我为我的 ServicesID 使用的标识符,现在它看起来像com.test.client
. 对于teamId
我使用了位于右上角的字符串。对于privateKey
我使用我在我的帐户中生成的密钥并下载它。我删除了上面写着 -----BEGIN PRIVATE KEY----- 和 -----END PRIVATE KEY----- 的部分,并确保密钥保持在一行中。keyId
我从我的帐户中获得。
我将所有值存储在 .env 变量中。我仔细检查过,问题不在于 .env 变量。
当我尝试使用 Apple id 登录时,它会将我重定向到此错误页面:
这是我在 ServicesID 页面中的 URL 列表:
域和子域:
测试网
返回网址
我想问题出在我的重定向网址上,但我不明白它是什么。
解决方案
推荐阅读
- mongodb - 如何注册不同集合的ID
- flutter - 为什么空列表在飞镖中返回大小 1?
- reactjs - 显示警告时如何使用 Create React App 网络 URL 找到
- javascript - 对 MongoDB 中的用户进行排序
- arduino - 在 Arduino 中的实例内创建实例
- python - 雪碧在pygame中没有向左移动
- angular - 在 Angular11 中使用 typescript-logging 将日志数据保存到文件中的问题
- reactjs - 无序列表内的 ReactJS 可包装组件,根据包装的位置给出错误
- python - Datafram 添加具有条件的新列并基于另一列
- javascript - 单击时动态更改页面内容