使用Spring Boot和Angular 2 CLI的Google OAuth2身份验证

Question

我需要将社交登录集成到我的Web应用程序中。我使用Spring Boot作为后端，Angular 2作为前端技术。我按照本教程设置了我的项目。

这工作得很好，Spring Boot运行在超文本传输协议：/localhost:8080上，Angular 2运行在超文本传输协议：/localhost:4200上。这样做的原因是，我使用Angulal-cli作为实时重载开发服务器功能。

由于跨原点策略，角度项目需要使用代理。如前一教程所述，您需要配置代理。conf.json文件：

{
  "/api": {
    "target": "http://localhost:8080",
    "secure": false
  }
}

如果这样做，您可以按以下方式访问Spring API：超文本传输协议：/localhost:4200/api/users（例如，每个'/api'请求都将转发到Spring服务器）。

以上所有的工作都很好。现在我需要使用Oauth2和google登录。我试过很多像这样的教程，但我似乎无法解决这个问题。

如果我尝试实现这一点并导航到http:/localhost:8080（从Spring启动地址），我会被重定向到google登录页面，但是当尝试同样的事情时，例如http:/localhost:4200/api/authenticate，我总是立即重定向到http:/localhost:4200/login，而不会将我重定向到登录页面。

我在网上到处找，但似乎找不到这个问题。有谁能帮我理解我做错了什么，也许有人有很好的示例代码！

Answer 1

对不起，如果我的回答错了，因为这是很久以前的事了，我记不清了。但我有一个登录按钮，如下面的代码片段所示：

<a href="http://localhost:8080/api/login" class="btn loginBtn loginBtn-google">Login with Google</a>

当@enableAuth2sso就绪时，每个路径都会自动通过OAuth2身份验证进行保护。因此，当你点击登录按钮时，你会自动进入谷歌认证页面。

当您成功进行身份验证时，我重定向到以下代码：

@GetMapping("/api/login")
public void login(HttpServletResponse response) throws IOException {
    response.sendRedirect("http://localhost:4200/profile");
}

正如我在我的第一个回答中解释的那样，出于某种奇怪的原因，回调到你的Spring域而不是你的前端域是不明智的。如上面的代码所示，然后我重定向到正确的forn的页面。

（随着时间的推移，如果你想知道的话，我改变了我的路径名称，但这应该行得通）

Answer 2

我找到了解决问题的办法。首先，我有一个登录链接href=/api/验证，但这不工作！

注意：@enableAuth2sso standard保护服务器上的每个路径，因此您只需访问路径上的API，该路径已被保护，可以重定向到登录页面

出于某种原因，http:/4200/api/authenticate什么也没做，只是立即将我重定向到http:/4200/login（我想这一定是@enableAuth2sso的标准行为，如果身份验证失败或您未经身份验证？）

因此，我将href改为“href=http:/localhost:8080/api/authenticate”。这很好地工作，并将我重定向到谷歌登录页面。

我面临的另一个问题是重定向网址。我尝试将重定向网址直接设置为超文本传输协议：/localhost:4200/profile，以便在登录到用户配置文件后导航，但由于一些奇怪的原因，这再次不起作用。

经过一些测试，我发现您需要先重定向回api域（不知道为什么）。

因此，我将重定向url设置为http:/localhost:8080/callback，然后重定向到端口4200上的概要文件页面。

@GetMapping("/callback")
void redirect(HttpServletResponse response) throws IOException {
    response.sendRedirect("http://localhost:4200/profile");
}

在搜索和测试了很久之后，我觉得这在任何地方都没有记录。