index.html 1.2 KB

1234567891011121314151617181920212223242526272829303132
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>首页</title>
  6. <!-- jQuery:操作 dom、发起请求等 -->
  7. <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/2.1.2/jquery.min.js" type="application/javascript"></script>
  8. <script type="application/javascript">
  9. /**
  10. * 跳转单点登录
  11. */
  12. function ssoLogin() {
  13. const clientId = 'yudao-sso-demo-by-code'; // 可以改写成,你的 clientId
  14. const redirectUri = encodeURIComponent('http://127.0.0.1:18080/callback.html'); // 注意,需要使用 encodeURIComponent 编码地址
  15. const responseType = 'code'; // 1)授权码模式,对应 code;2)简化模式,对应 token
  16. window.location.href = 'http://127.0.0.1:1024/sso?client_id=' + clientId
  17. + '&redirect_uri=' + redirectUri
  18. + '&response_type=' + responseType;
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <!-- 情况一:未登录:1)跳转 ruoyi-vue-pro 的 SSO 登录页 -->
  24. <div>
  25. 您未登录,点击 <a href="#" onclick="ssoLogin()">跳转 </a> SSO 单点登录
  26. </div>
  27. <!-- 情况二:已登录:1)展示用户信息;2)刷新访问令牌;3)退出登录 -->
  28. </body>
  29. </html>