Reactjs 使用apple登录并作出反应

Reactjs 使用apple登录并作出反应,reactjs,apple-sign-in,Reactjs,Apple Sign In,我正努力将自己的头脑完全集中在苹果的Signin流程上——试图在React前端/PHP后端应用程序上实现它 这里让我感到困惑的是,重定向uri直接对后端中的端点进行post调用。从这里开始,我如何处理这些数据,然后在完成后重新获得对react的控制权?对不起,我对react一无所知,但我刚刚处理了很多Apple登录的问题。据我所知,流程应执行以下操作: 前端=>Apple(将用户重定向到Apple登录) 苹果接受用户输入并登录 Apple=>您的后端(向您的服务器发送帖子,在那里您可以验证id\

我正努力将自己的头脑完全集中在苹果的Signin流程上——试图在React前端/PHP后端应用程序上实现它


这里让我感到困惑的是,重定向uri直接对后端中的端点进行post调用。从这里开始,我如何处理这些数据,然后在完成后重新获得对react的控制权?

对不起,我对react一无所知,但我刚刚处理了很多Apple登录的问题。据我所知,流程应执行以下操作:

  • 前端=>Apple(将用户重定向到Apple登录)
  • 苹果接受用户输入并登录
  • Apple=>您的后端(向您的服务器发送帖子,在那里您可以验证
    id\u令牌
    ,交换
    授权码
    以获取
    刷新令牌
    ,保存刷新令牌和电子邮件地址)
  • 您的后端=>Apple(我假设您向Apple返回响应)
  • Apple=>前端(Apple将您的响应返回到前端)

  • 对不起,我对React一无所知,但我刚刚处理了很多关于Apple登录的问题。据我所知,流程应执行以下操作:

  • 前端=>Apple(将用户重定向到Apple登录)
  • 苹果接受用户输入并登录
  • Apple=>您的后端(向您的服务器发送帖子,在那里您可以验证
    id\u令牌
    ,交换
    授权码
    以获取
    刷新令牌
    ,保存刷新令牌和电子邮件地址)
  • 您的后端=>Apple(我假设您向Apple返回响应)
  • Apple=>前端(Apple将您的响应返回到前端)

  • 我发现苹果的问题是他们返回了一个POST请求(如果你在苹果请求中添加了范围)。如果您使用SPA(React),运行React的服务器将不接受POST请求,因此如果您的回调URL指向React前端,则此操作将失败

    我认为有两种方法可以解决这个问题:

  • 将回调URL指向服务器上的web钩子,该钩子将执行HTTP重定向到React URL(并且只需在查询参数中包含auth_代码和id_标记)

  • 通过将usePopup设置为true,在返回Apple POST请求之前拦截该请求(此库就是一个很好的示例:)


  • 我发现苹果的问题是他们返回了一个POST请求(如果你在苹果请求中添加了范围)。如果您使用SPA(React),运行React的服务器将不接受POST请求,因此如果您的回调URL指向React前端,则此操作将失败

    我认为有两种方法可以解决这个问题:

  • 将回调URL指向服务器上的web钩子,该钩子将执行HTTP重定向到React URL(并且只需在查询参数中包含auth_代码和id_标记)

  • 通过将usePopup设置为true,在返回Apple POST请求之前拦截该请求(此库就是一个很好的示例:)