java第三方登录实现_使用java后端的springboot环境下实现网站接入QQ第三方登录

要实现在使用Java后端的Spring Boot环境下实现网站接入QQ第三方登录，你需要遵循以下步骤：

1. 首先，你需要到QQ的开放平台注册成为开发者，并且创建一个应用。在创建应用时，你需要提供应用的基本信息，并且填写回调地址。

2. 在你的Spring Boot项目中，你需要添加QQ第三方登录的依赖。比较常用的依赖有`org.springframework.social:spring-social-qq`和`me.zhyd.oauth:JustAuth`。这两个依赖都提供了方便的QQ登录功能。

3. 你需要在你的Spring Boot项目中配置QQ第三方登录的相关信息，包括app id、app key、回调地址等。这些信息可以在QQ开放平台上找到。

4. 在你的网站中，你需要提供一个QQ登录的入口，让用户点击进行QQ登录。当用户点击QQ登录按钮时，你的网站将会跳转到QQ的登录页面，用户在QQ登录页面中输入QQ账号密码后，会跳转回你的网站。

5. 在你的Spring Boot项目中，你需要实现回调地址的处理方法，当QQ登录成功后，QQ会将用户的信息返回给你的网站。你需要在处理方法中获取用户信息，并且将用户信息保存到你的数据库中。

6. 最后，当用户再次访问你的网站时，你需要判断用户是否已经登录过。如果用户已经登录过，你可以直接显示用户信息；如果用户没有登录过，你可以显示QQ登录入口，让用户进行QQ登录。

以上就是在使用Java后端的Spring Boot环境下实现网站接入QQ第三方登录的步骤。希望对你有所帮助！

相关问题

java 接入qq第三方登录

要在 Java 中使用 QQ 第三方登录，你需要先在 QQ 互联网站上注册应用，并获取应用的 appId 和 appKey。

然后，你可以使用第三方库来处理 QQ 登录的流程。具体来说，你可以使用类似于 `qq-connect-sdk` 这样的库，它可以帮助你完成获取授权码、获取令牌、获取用户信息等步骤。

以下是一个使用 `qq-connect-sdk` 进行 QQ 登录的简单示例：

import com.qq.connect.QQConnectException;
import com.qq.connect.api.OpenID;
import com.qq.connect.api.qzone.UserInfo;
import com.qq.connect.javabeans.AccessToken;
import com.qq.connect.javabeans.qzone.UserInfoBean;
import com.qq.connect.oauth.Oauth;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class QQLoginServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取授权码
        String authorizeCode = request.getParameter("code");
        if (authorizeCode == null) {
            // 若用户尚未授权，则重定向到 QQ 授权页面
            String redirectUrl = new Oauth().getAuthorizeURL(request);
            response.sendRedirect(redirectUrl);
            return;
        }

        // 获取令牌
        AccessToken token;
        try {
            token = new Oauth().getAccessTokenByRequest(request);
        } catch (QQConnectException e) {
            throw new ServletException(e);
        }

        // 获取 OpenID
        OpenID openIDObj = new OpenID(token.getAccessToken());
        String openID;
        try {
            openID = openIDObj.getUserOpenID();
        } catch (QQConnectException e) {
            throw new ServletException(e);
        }

        // 获

springboot+vue代码实现第三方qq登录

要实现第三方qq登录，可以使用QQ互联提供的开放平台接口。具体的步骤如下：

1. 注册成为QQ互联开发者，并创建应用。在创建应用时，需要填写应用的基本信息，并获得AppID和AppKey。

2. 在Spring Boot后端项目中，使用Spring Security实现OAuth2认证。在pom.xml文件中添加以下依赖：

<dependency>
    <groupId>org.springframework.security</groupId>
    <artifactId>spring-security-oauth2-client</artifactId>
    <version>5.3.4.RELEASE</version>
</dependency>

3. 在前端Vue项目中，使用Vue CLI创建项目，并安装vue-cli-plugin-qrcode实现生成二维码。在Terminal中运行以下命令：

vue create qq-login-demo
cd qq-login-demo
vue add qrcode

4. 在Spring Boot后端项目中，实现OAuth2的配置。在application.yml文件中添加以下配置：

spring:
  security:
    oauth2:
      client:
        registration:
          qq:
            clientId: <your app id>
            clientSecret: <your app key>
            redirectUriTemplate: "{baseUrl}/login/oauth2/code/{registrationId}"
            authorizationUri: https://graph.qq.com/oauth2.0/authorize
            tokenUri: https://graph.qq.com/oauth2.0/token
            userInfoUri: https://graph.qq.com/user/get_user_info
            scope:
              - get_user_info
        provider:
          qq:
            authorizationUri: https://graph.qq.com/oauth2.0/authorize
            tokenUri: https://graph.qq.com/oauth2.0/token
            userInfoUri: https://graph.qq.com/user/get_user_info?oauth_consumer_key={clientId}&openid={oauthId}
            userNameAttribute: nickname

5. 在前端Vue项目中，实现二维码生成。在App.vue文件中添加以下代码：

<template>
  <div id="app">
    <div v-if="!isLogin">
      <qrcode :value="qrCodeUrl"></qrcode>
    </div>
    <div v-else>
      <p>{{ userInfo.nickname }}</p>
      <img :src="userInfo.figureurl_qq_1" alt="头像">
    </div>
  </div>
</template>

<script>
import QRCode from 'qrcode'

export default {
  name: 'App',
  data() {
    return {
      isLogin: false,
      qrCodeUrl: ''
    }
  },
  mounted() {
    this.generateQRCode()
  },
  methods: {
    async generateQRCode() {
      const response = await this.$http.get('/qq-login/qr-code')
      if (response.status === 200) {
        this.qrCodeUrl = response.data
        this.isLogin = false
      }
    },
    async checkLoginStatus() {
      const response = await this.$http.get('/qq-login/check-login-status')
      if (response.status === 200) {
        this.userInfo = response.data
        this.isLogin = true
      }
    }
  }
}
</script>

6. 在Spring Boot后端项目中，实现二维码生成和登录状态检查。在QqLoginController.java文件中添加以下代码：

@RestController
@RequestMapping("/qq-login")
public class QqLoginController {
    private final OAuth2AuthorizedClientService authorizedClientService;
    private final RestTemplate restTemplate;

    @Autowired
    public QqLoginController(OAuth2AuthorizedClientService authorizedClientService, RestTemplate restTemplate) {
        this.authorizedClientService = authorizedClientService;
        this.restTemplate = restTemplate;
    }

    @GetMapping("/qr-code")
    public String generateQRCode() {
        String qrCodeUrl = "https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&client_id=<your app id>&redirect_uri=http://localhost:8080/login&state=<random state>";
        try {
            qrCodeUrl = QRCode.from(qrCodeUrl).to(ImageType.PNG).withSize(250, 250).stream().collect(Collectors.toBase64String);
        } catch (WriterException | IOException e) {
            e.printStackTrace();
        }
        return "data:image/png;base64," + qrCodeUrl;
    }

    @GetMapping("/check-login-status")
    public Map<String, Object> checkLoginStatus() {
        OAuth2AuthenticationToken authenticationToken = (OAuth2AuthenticationToken) SecurityContextHolder.getContext().getAuthentication();
        OAuth2AuthorizedClient authorizedClient = authorizedClientService.loadAuthorizedClient(authenticationToken.getAuthorizedClientRegistrationId(), authenticationToken.getName());
        String accessToken = authorizedClient.getAccessToken().getTokenValue();
        String openId = restTemplate.getForObject("https://graph.qq.com/oauth2.0/me?access_token=" + accessToken, String.class);
        openId = StringUtils.substringBetween(openId, "\"openid\":\"", "\"}");
        Map<String, Object> userInfo = restTemplate.getForObject("https://graph.qq.com/user/get_user_info?access_token=" + accessToken + "&oauth_consumer_key=<your app id>&openid=" + openId, Map.class);
        return userInfo;
    }
}

7. 在前端Vue项目中，实现登录状态检查。在App.vue文件中添加以下代码：

<script>
export default {
  name: 'App',
  data() {
    return {
      isLogin: false,
      qrCodeUrl: ''
    }
  },
  mounted() {
    this.generateQRCode()
    this.checkLoginStatus()
    setInterval(() => {
      this.checkLoginStatus()
    }, 3000)
  },
  methods: {
    async checkLoginStatus() {
      const response = await this.$http.get('/qq-login/check-login-status')
      if (response.status === 200) {
        this.userInfo = response.data
        this.isLogin = true
      }
    }
  }
}
</script>

至此，我们就成功地实现了Spring Boot+Vue代码实现第三方QQ登录的功能。