BAEL-797 Adding form login with page reloads on the landing pages
This commit is contained in:
tschiman
parent
60fc783f9a
commit
cf99183473
@ -6,7 +6,7 @@
|
|||||||
"apps": [
|
"apps": [
|
||||||
{
|
{
|
||||||
"root": "src",
|
"root": "src",
|
||||||
"outDir": "../../resources/public",
|
"outDir": "../../resources/static/home",
|
||||||
"assets": [
|
"assets": [
|
||||||
"assets",
|
"assets",
|
||||||
"favicon.ico"
|
"favicon.ico"
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Ui</title>
|
<title>Ui</title>
|
||||||
<base href="/">
|
<base href="/home/">
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
|
|||||||
@ -26,16 +26,21 @@ public class SecurityConfig extends WebSecurityConfigurerAdapter {
|
|||||||
@Override
|
@Override
|
||||||
protected void configure(HttpSecurity http) throws Exception {
|
protected void configure(HttpSecurity http) throws Exception {
|
||||||
http
|
http
|
||||||
.httpBasic()
|
.formLogin()
|
||||||
|
.loginPage("/login.html")
|
||||||
|
.loginProcessingUrl("/login")
|
||||||
|
.defaultSuccessUrl("/home/index.html")
|
||||||
.and()
|
.and()
|
||||||
.authorizeRequests()
|
.authorizeRequests()
|
||||||
|
.antMatchers("/book-service/**", "/rating-service/**", "/login*").permitAll()
|
||||||
.antMatchers("/eureka/**").hasRole("ADMIN")
|
.antMatchers("/eureka/**").hasRole("ADMIN")
|
||||||
.anyRequest().permitAll()
|
.antMatchers("/home/*").authenticated()
|
||||||
|
.anyRequest().authenticated()
|
||||||
.and()
|
.and()
|
||||||
.logout()
|
.logout()
|
||||||
.and()
|
.and()
|
||||||
.addFilterAfter(new CsrfHeaderFilter(), CsrfFilter.class)
|
.addFilterAfter(new CsrfHeaderFilter(), CsrfFilter.class)
|
||||||
.csrf().csrfTokenRepository(csrfTokenRepository()).ignoringAntMatchers("/logout");
|
.csrf().csrfTokenRepository(csrfTokenRepository());
|
||||||
}
|
}
|
||||||
|
|
||||||
private CsrfTokenRepository csrfTokenRepository() {
|
private CsrfTokenRepository csrfTokenRepository() {
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Ui</title>
|
<title>Ui</title>
|
||||||
<base href="/">
|
<base href="/home/">
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,65 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Login</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form id="loginForm">
|
||||||
|
<label>Username:</label>
|
||||||
|
<input id="username" type="text" name="username"/>
|
||||||
|
<label>Password:</label>
|
||||||
|
<input id="password" type="password" name="password"/>
|
||||||
|
<button>Submit</button>
|
||||||
|
</form>
|
||||||
|
<script type="text/javascript">
|
||||||
|
// from stackoverflow: http://stackoverflow.com/questions/5639346/shortest-function-for-reading-a-cookie-in-javascript
|
||||||
|
(function(){
|
||||||
|
var cookies;
|
||||||
|
|
||||||
|
function readCookie(name,c,C,i){
|
||||||
|
if(cookies){ return cookies[name]; }
|
||||||
|
|
||||||
|
c = document.cookie.split('; ');
|
||||||
|
cookies = {};
|
||||||
|
|
||||||
|
for(i=c.length-1; i>=0; i--){
|
||||||
|
C = c[i].split('=');
|
||||||
|
cookies[C[0]] = C[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
return cookies[name];
|
||||||
|
}
|
||||||
|
|
||||||
|
window.readCookie = readCookie; // or expose it however you want
|
||||||
|
})();
|
||||||
|
|
||||||
|
document.getElementById('loginForm').addEventListener('submit', function (e) {
|
||||||
|
e.preventDefault(); //to prevent form submission
|
||||||
|
var csrf = window.readCookie("XSRF-TOKEN");
|
||||||
|
console.log(csrf);
|
||||||
|
var username = document.getElementById("username").value;
|
||||||
|
console.log(username);
|
||||||
|
var password = document.getElementById("password").value;
|
||||||
|
console.log(password);
|
||||||
|
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('POST', '/login?' + 'username=' + encodeURIComponent(username) + '&password=' + encodeURIComponent(password));
|
||||||
|
xhr.setRequestHeader("X-XSRF-TOKEN", csrf);
|
||||||
|
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||||
|
xhr.send(null);
|
||||||
|
xhr.onreadystatechange = function () {
|
||||||
|
var DONE = 4;
|
||||||
|
var OK = 200;
|
||||||
|
if (xhr.readyState === DONE) {
|
||||||
|
if (xhr.status === OK) {
|
||||||
|
window.location.replace(xhr.responseURL)
|
||||||
|
} else {
|
||||||
|
console.log(xhr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user