- 下载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进行登录
- 安装maven,初始化springboot项目
- 利用springboot创建了一个family-app的项目，目前提供了一个get请求，来获取数据库的family成员的数据
- 在本地启动了这个后端服务
- 安装node.js, npm, webpack, vue2, vue-cli
- 利用vue-cli来创建一个webpack-simple项目
vue init webpack-simple family-js - 通过ajax来调用服务端的接口，获取数据，并且以表格的形式进行展示