# springboot-keycloak-demo

**Repository Path**: gitKing/springboot-keycloak-demo

## Basic Information

- **Project Name**: springboot-keycloak-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-28
- **Last Updated**: 2023-10-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# springboot-keycloak-demo

## 第一步: 部署keycloak的单机模式server
- 下载keycloak-2.5.1.Final.tar.gz包，并且解压
- cd keycloak-2.5.1.Final/keycloak
- 启动数据库 mysql
- 创建数据库 create database keycloak;
- bin/add-user-keycloak.sh -r master -u username -p password
- 在standalone/configuration/standalone.xml文件中加入

```
                <datasource jndi-name="java:jboss/datasources/KeycloakDS" pool-name="KeycloakDS" use-java-context="true">
                    <connection-url>jdbc:mysql://127.0.0.1:3306/keycloak</connection-url>
                    <driver>mysql</driver>
                    <security>
                        <user-name>root</user-name>
                        <password></password>
                    </security>
                </datasource>
                <drivers>
                    <driver name="mysql" module="com.mysql">
                        <xa-datasource-class>com.mysql.jdbc.jdbc2.optional.MysqlXADataSource</xa-datasource-class>
                    </driver>
                </drivers>
```
然后注释掉
```
<!--
                <datasource jndi-name="java:jboss/datasources/KeycloakDS" pool-name="KeycloakDS" enabled="true" use-java-context="true">
                    <connection-url>jdbc:h2:${jboss.server.data.dir}/keycloak;AUTO_SERVER=TRUE</connection-url>
                    <driver>h2</driver>
                    <security>
                        <user-name>sa</user-name>
                        <password>sa</password>
                    </security>
                </datasource>
-->
```

- 创建目录: mkdir -p modules/system/layers/base/com/mysql/main/
- 在main目录下添加文件module.xml文件

```
<?xml version="1.0" encoding="UTF-8"?>

<module xmlns="urn:jboss:module:1.3" name="com.mysql">

    <resources>
        <resource-root path="mysql-connector-java-5.1.40.jar"/>
    </resources>
    <dependencies>
        <module name="javax.api"/>
    </dependencies>
</module>
```

- 在main目录下添加mysql的jar包: mysql-connector-java-5.1.40.jar

- 运行脚本 bash bin/standalone.sh  启动单机模式的keycloak的server

- 然后就可以访问http://localhost:8080/auth

- 使用username和password进行登录

## 创建一个服务端的app
- 安装maven,初始化springboot项目
- 利用springboot创建了一个family-app的项目，目前提供了一个get请求，来获取数据库的family成员的数据
- 在本地启动了这个后端服务

## 创建一个前端的app
- 安装node.js, npm, webpack, vue2, vue-cli
- 利用vue-cli来创建一个webpack-simple项目 ```vue init webpack-simple family-js```
- 通过ajax来调用服务端的接口，获取数据，并且以表格的形式进行展示