码迷,mamicode.com
首页 > 编程语言 > 详细

springboot+vue+keyclock

时间:2019-04-19 16:22:32      阅读:422      评论:0      收藏:0      [点我收藏+]

标签:log   接口   version   ima   failed   dap   dep   roles   不能   

前提条件:keyclock上先配置好需要的信息

技术图片

 

 

1 springboot接入keyclock

 先添加依赖

 

 <dependency>
            <groupId>org.keycloak</groupId>
            <artifactId>keycloak-spring-boot-starter</artifactId>
        </dependency>

<dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>org.keycloak.bom</groupId>
                <artifactId>keycloak-adapter-bom</artifactId>
                <version>5.0.0</version>
                <type>pom</type>
                <scope>import</scope>
            </dependency>
        </dependencies>

    </dependencyManagement>

 

配置文件

keycloak.auth-server-url = https://auth.souche-inc.com/auth
keycloak.realm = lantu
keycloak.resource = lantu-app
keycloak.security-constraints[0].authRoles[0] = ops  //指定角色  在keyclock上配置账号拥有的角色
keycloak.security-constraints[0].securityCollections[0].patterns[0] = /lantu/salt/*     //指定拦截路径
keycloak.credentials.secret = c82fb31d-c081-4605-9e66-9735b5ce1863             //去keyclock上找

这样后端拦截就做好了  

 

2 vue 配置

在路由界面配置此代码(根据个人情况修改变动):目的在每次访问后端前 验证一下是否能访问后端 若是不能则跳转登陆

//访问后端接口  
axios.get(‘https://lantu.souche-inc.com/lantu/salt/login‘,{
       }).then(respose=>{
// 访问成功则放行 
           next();
        }).catch(error=>{
//访问不成功  则跳转keyclock登陆
          let keycloak = null;
          keycloak = Keycloak({
            url: ‘https://auth.souche-inc.com/auth/realms/lantu/protocol/openid-connect/auth?response_type=code&client_id=lantu-app&redirect_uri=https%3A%2F%2Flantu.souche-inc.com%2Flantu%2Fsalt%2Flogin&state=eb81218a-5718-494b-95a5-3b6b04ff23ac&login=true&scope=openid‘   ,
            realm: ‘lantu‘,
            clientId: ‘lantu-app‘,
          });

          keycloak.init({onLoad: ‘login-required‘}).success(
            function (authenticated) {
           
              if (!authenticated) {
                alert(‘not authenticated‘)
              } else {

                keycloak.loadUserProfile().success(data => {
                  console.info(data)
                })
              }
              console.info(keycloak)
            }).error(function () {
            alert(‘failed to initialize‘);
          });
         })

 

springboot+vue+keyclock

标签:log   接口   version   ima   failed   dap   dep   roles   不能   

原文地址:https://www.cnblogs.com/hhxylm/p/10736404.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!